@airtable/blocks 0.0.0-experimental-e5ab33b68-20250905 → 0.0.0-experimental-3e47d4d04-20250909

package/dist/cjs/base/ui/system/position/left.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.left = exports.config = void 0;
-var _core = require("@styled-system/core");
-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 */ /** */
-
-/** */
-
-const config = exports.config = {
-  left: {
-    property: 'left',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'left',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-const left = exports.left = (0, _core.system)(config);

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

@@ -1,15 +0,0 @@
-"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/cjs/base/ui/system/position/position_set.js

@@ -1,29 +0,0 @@
-"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/base/ui/system/position/right.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.right = exports.config = void 0;
-var _core = require("@styled-system/core");
-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 */ /** */
-
-/** */
-
-const config = exports.config = {
-  right: {
-    property: 'right',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'right',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-const right = exports.right = (0, _core.system)(config);

package/dist/cjs/base/ui/system/position/top.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.top = exports.config = void 0;
-var _core = require("@styled-system/core");
-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 */ /** */
-
-/** */
-
-const config = exports.config = {
-  top: {
-    property: 'top',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'top',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-const top = exports.top = (0, _core.system)(config);

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

@@ -1,18 +0,0 @@
-"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/base/ui/system/spacing/padding.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @module @airtable/blocks/ui/system: Spacing */ /** */
-
-/** */
-
-const config = exports.config = {
-  padding: {
-    property: 'padding',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'padding'
-    })
-  },
-  paddingTop: {
-    property: 'paddingTop',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'paddingTop'
-    })
-  },
-  paddingRight: {
-    property: 'paddingRight',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'paddingRight'
-    })
-  },
-  paddingBottom: {
-    property: 'paddingBottom',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'paddingBottom'
-    })
-  },
-  paddingLeft: {
-    property: 'paddingLeft',
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'paddingLeft'
-    })
-  },
-  paddingX: {
-    properties: ['paddingLeft', 'paddingRight'],
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'paddingX'
-    })
-  },
-  paddingY: {
-    properties: ['paddingTop', 'paddingBottom'],
-    scale: 'space',
-    transform: (0, _ensure_numbers_are_within_scale.default)({
-      propertyName: 'paddingY'
-    })
-  }
-};
-const padding = exports.padding = (0, _core.system)(config);

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

@@ -1,21 +0,0 @@
-"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/cjs/base/ui/system/typography/font_family.js

@@ -1,18 +0,0 @@
-"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/cjs/base/ui/system/typography/font_size.js

@@ -1,18 +0,0 @@
-"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/cjs/base/ui/system/typography/font_style.js

@@ -1,15 +0,0 @@
-"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/cjs/base/ui/system/typography/font_weight.js

@@ -1,18 +0,0 @@
-"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/cjs/base/ui/system/typography/letter_spacing.js

@@ -1,18 +0,0 @@
-"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/cjs/base/ui/system/typography/line_height.js

@@ -1,15 +0,0 @@
-"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/cjs/base/ui/system/typography/text_align.js

@@ -1,15 +0,0 @@
-"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/cjs/base/ui/system/typography/text_color.js

@@ -1,18 +0,0 @@
-"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/cjs/base/ui/system/typography/text_decoration.js

@@ -1,15 +0,0 @@
-"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/cjs/base/ui/system/typography/text_transform.js

@@ -1,15 +0,0 @@
-"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/cjs/base/ui/system/typography/typography_set.js

@@ -1,37 +0,0 @@
-"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/base/ui/system/utils/csstype.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ensureNumbersAreWithinScale;
-var _core = require("@styled-system/core");
-var _error_utils = require("../../../../shared/error_utils");
-/** @internal */
-// Old eslint rule doesn't understand type guards
-// eslint-disable-next-line airtable/is-returns-boolean
-function isNumber(n) {
-  return typeof n === 'number' && !isNaN(n);
-}
-
-/** @internal */
-function ensureNumbersAreWithinScale(params) {
-  return (value, scale) => {
-    if (!Array.isArray(scale)) {
-      throw (0, _error_utils.spawnError)('The scale for "%s" should be an Array', params.propertyName);
-    }
-    if (!isNumber(value)) {
-      // Not a number, so simply return the value.
-      // We still use `get` if we are dealing with responsive values.
-      return (0, _core.get)(scale, value, value);
-    }
-    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);
-    }
-    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);
-    }
-    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);
-    }
-    const valueFromScale = Number(scale[absoluteValue]);
-    return valueFromScale * (isValueNegative ? -1 : 1);
-  };
-}

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

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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 _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 _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}
- *
- * @docsPath UI/components/TablePickerSynced
- * @groupPath UI/components/TablePicker
- */
-
-/** @hidden */
-function _getTableFromGlobalConfigValue(sdk, tableId) {
-  return typeof tableId === 'string' ? sdk.base.getTableByIdIfExists(tableId) : null;
-}
-
-/**
- * A wrapper around the {@link TablePicker} component that syncs with {@link GlobalConfig}.
- *
- * [[ Story id="modelpickers--tablepickersynced-example" title="Synced table picker example" ]]
- *
- * @docsPath UI/components/TablePickerSynced
- * @groupPath UI/components/TablePicker
- * @component
- */
-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, _extends({}, restOfProps, {
-    ref: ref,
-    table: _getTableFromGlobalConfigValue(sdk, tableId),
-    onChange: table => {
-      setTableId(table ? table.id : null);
-      if (onChange) {
-        onChange(table);
-      }
-    },
-    disabled: disabled || !canSetTableId
-  }));
-};
-const ForwardedRefTablePickerSynced = /*#__PURE__*/React.forwardRef(TablePickerSynced);
-ForwardedRefTablePickerSynced.displayName = 'TablePickerSynced';
-var _default = exports.default = ForwardedRefTablePickerSynced;

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

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _emotion = require("emotion");
-var _tokens = require("./tokens");
-const baseStyles = (0, _emotion.css)({
-  fontFamily: _tokens.fontFamilies.default,
-  borderRadius: _tokens.radii.default,
-  justifyContent: 'center',
-  alignItems: 'center',
-  paddingTop: 0,
-  paddingBottom: 0,
-  fontWeight: 500,
-  userSelect: 'none',
-  outline: 'none',
-  appearance: 'none',
-  border: 'none',
-  '&:not(:disabled)': {
-    cursor: 'pointer',
-    '&:hover': {
-      opacity: _tokens.opacities.quiet
-    },
-    '&:active': {
-      opacity: 1
-    },
-    '&:focus': {
-      boxShadow: `inset 0 0 0 2px ${_tokens.colors.darken3}`
-    }
-  },
-  '&:disabled': {
-    cursor: 'default',
-    opacity: _tokens.opacities.quieter
-  }
-});
-const buttonVariants = {
-  default: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
-    color: _tokens.colors.dark,
-    backgroundColor: _tokens.colors.lightGray2
-  })),
-  primary: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
-    color: _tokens.colors.white,
-    backgroundColor: _tokens.colors.blueBright
-  })),
-  secondary: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
-    color: _tokens.colors.dark,
-    backgroundColor: 'transparent',
-    '&:hover': {
-      backgroundColor: _tokens.colors.lightGray2
-    }
-  })),
-  danger: (0, _emotion.cx)(baseStyles, (0, _emotion.css)({
-    color: _tokens.colors.white,
-    backgroundColor: _tokens.colors.redBright
-  }))
-};
-var _default = exports.default = buttonVariants;

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

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var tokens = _interopRequireWildcard(require("./tokens"));
-var controlSizes = _interopRequireWildcard(require("./control_sizes"));
-var _text_styles = _interopRequireDefault(require("./text_styles"));
-var _heading_styles = _interopRequireDefault(require("./heading_styles"));
-var _button_variants = _interopRequireDefault(require("./button_variants"));
-var _link_variants = _interopRequireDefault(require("./link_variants"));
-var _input_variants = _interopRequireDefault(require("./input_variants"));
-var _switch_variants = _interopRequireDefault(require("./switch_variants"));
-var _select_variants = _interopRequireDefault(require("./select_variants"));
-var _select_buttons_variants = _interopRequireDefault(require("./select_buttons_variants"));
-var _text_button_variants = _interopRequireDefault(require("./text_button_variants"));
-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; }
-// Typography sizes and variants
-
-// Component variants
-
-const theme = {
-  ...tokens,
-  ...controlSizes,
-  textStyles: _text_styles.default,
-  headingStyles: _heading_styles.default,
-  // We create CSS class names for variants when the UI kit gets loaded.
-  // This means `textButtonVariants.default` is just a CSS class name.
-  // This has the benefit over exporting a style object
-  // of not having to create a class name manually in the render function.
-  buttonVariants: _button_variants.default,
-  linkVariants: _link_variants.default,
-  inputVariants: _input_variants.default,
-  selectVariants: _select_variants.default,
-  selectButtonsVariants: _select_buttons_variants.default,
-  switchVariants: _switch_variants.default,
-  textButtonVariants: _text_button_variants.default
-};
-var _default = exports.default = theme;