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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dimensionsSet = void 0;
+var _core = require("@styled-system/core");
+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");
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+
+/**
+ * Style props for the dimensions of an element.
+ *
+ * @docsPath UI/Style System/Dimensions
+ */
+
+const dimensionsSet = exports.dimensionsSet = (0, _core.system)({
+  ..._height.config,
+  ..._max_width.config,
+  ..._max_height.config,
+  ..._min_height.config,
+  ..._min_width.config,
+  ..._width.config
+});

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.display = void 0;
+var _core = require("@styled-system/core");
+/** @module @airtable/blocks/ui/system: Display */ /** */
+
+/**
+ * Style prop for the display type of an element.
+ *
+ * @docsPath UI/Style System/Display
+ */
+
+const config = {
+  display: true
+};
+const display = exports.display = (0, _core.system)(config);

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

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

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

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

package/dist/esm/base/ui/system/flex_container/flex_container_set.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flexContainerSet = void 0;
+var _core = require("@styled-system/core");
+var _align_content = require("./align_content");
+var _align_items = require("./align_items");
+var _flex_direction = require("./flex_direction");
+var _flex_wrap = require("./flex_wrap");
+var _justify_content = require("./justify_content");
+var _justify_items = require("./justify_items");
+/** @module @airtable/blocks/ui/system: Flex container */ /** */
+
+/**
+ * Style props for a flex container element.
+ *
+ * @docsPath UI/Style System/FlexContainer
+ */
+
+const flexContainerSet = exports.flexContainerSet = (0, _core.system)({
+  ..._align_content.config,
+  ..._align_items.config,
+  ..._flex_direction.config,
+  ..._flex_wrap.config,
+  ..._justify_content.config,
+  ..._justify_items.config
+});

package/dist/esm/base/ui/system/flex_container/flex_direction.js

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

package/dist/esm/base/ui/system/flex_container/flex_wrap.js

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

package/dist/esm/base/ui/system/flex_container/justify_content.js

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

package/dist/esm/base/ui/system/flex_container/justify_items.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.justifyItems = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @hidden */ /** */
+// TODO (stephen): This property does nothing in a flex container, consider deprecating
+
+/** @hidden */
+
+const config = exports.config = {
+  justifyItems: true
+};
+const justifyItems = exports.justifyItems = (0, _core.system)(config);

package/dist/esm/base/ui/system/flex_item/align_self.js

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

package/dist/esm/base/ui/system/flex_item/flex.js

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

package/dist/esm/base/ui/system/flex_item/flex_basis.js

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

package/dist/esm/base/ui/system/flex_item/flex_grow.js

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

package/dist/esm/base/ui/system/flex_item/flex_item_set.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flexItemSet = void 0;
+var _core = require("@styled-system/core");
+var _flex = require("./flex");
+var _flex_grow = require("./flex_grow");
+var _flex_shrink = require("./flex_shrink");
+var _flex_basis = require("./flex_basis");
+var _align_self = require("./align_self");
+var _justify_self = require("./justify_self");
+var _order = require("./order");
+/** @module @airtable/blocks/ui/system: Flex item */ /** */
+
+/**
+ * Style props for a flex item element.
+ *
+ * @docsPath UI/Style System/FlexItem
+ */
+
+const flexItemSet = exports.flexItemSet = (0, _core.system)({
+  ..._flex.config,
+  ..._flex_grow.config,
+  ..._flex_shrink.config,
+  ..._flex_basis.config,
+  ..._align_self.config,
+  ..._justify_self.config,
+  ..._order.config
+});

package/dist/esm/base/ui/system/flex_item/flex_shrink.js

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

package/dist/esm/base/ui/system/flex_item/justify_self.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.justifySelf = exports.config = void 0;
+var _core = require("@styled-system/core");
+/** @hidden */ /** */
+// TODO (stephen): This property does nothing in a flex container, consider deprecating
+
+/** @hidden */
+
+const config = exports.config = {
+  justifySelf: true
+};
+const justifySelf = exports.justifySelf = (0, _core.system)(config);

package/dist/esm/base/ui/system/flex_item/order.js

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