@airtable/blocks 0.0.0-experimental-3e47d4d04-20250909 → 0.0.0-experimental-446b49015-20251008

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

@@ -1,13 +0,0 @@
-/** @module @airtable/blocks/ui/system: Display */ /** */
-import { system } from '@styled-system/core';
-
-/**
- * Style prop for the display type of an element.
- *
- * @docsPath UI/Style System/Display
- */
-
-const config = {
-  display: true
-};
-export const display = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex container */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  alignContent: true
-};
-export const alignContent = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex container */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  alignItems: true
-};
-export const alignItems = system(config);

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

@@ -1,23 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex container */ /** */
-import { system } from '@styled-system/core';
-import { config as alignContentConfig } from './align_content';
-import { config as alignItemsConfig } from './align_items';
-import { config as flexDirectionConfig } from './flex_direction';
-import { config as flexWrapConfig } from './flex_wrap';
-import { config as justifyContentConfig } from './justify_content';
-import { config as justifyItemsConfig } from './justify_items';
-
-/**
- * Style props for a flex container element.
- *
- * @docsPath UI/Style System/FlexContainer
- */
-
-export const flexContainerSet = system({
-  ...alignContentConfig,
-  ...alignItemsConfig,
-  ...flexDirectionConfig,
-  ...flexWrapConfig,
-  ...justifyContentConfig,
-  ...justifyItemsConfig
-});

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex container */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  flexDirection: true
-};
-export const flexDirection = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex container */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  flexWrap: true
-};
-export const flexWrap = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex container */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  justifyContent: true
-};
-export const justifyContent = system(config);

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

@@ -1,10 +0,0 @@
-/** @hidden */ /** */
-// TODO (stephen): This property does nothing in a flex container, consider deprecating
-import { system } from '@styled-system/core';
-
-/** @hidden */
-
-export const config = {
-  justifyItems: true
-};
-export const justifyItems = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  alignSelf: true
-};
-export const alignSelf = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  flex: true
-};
-export const flex = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  flexBasis: true
-};
-export const flexBasis = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  flexGrow: true
-};
-export const flexGrow = system(config);

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

@@ -1,25 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-import { config as flexConfig } from './flex';
-import { config as flexGrowConfig } from './flex_grow';
-import { config as flexShrinkConfig } from './flex_shrink';
-import { config as flexBasisConfig } from './flex_basis';
-import { config as alignSelfConfig } from './align_self';
-import { config as justifySelfConfig } from './justify_self';
-import { config as orderConfig } from './order';
-
-/**
- * Style props for a flex item element.
- *
- * @docsPath UI/Style System/FlexItem
- */
-
-export const flexItemSet = system({
-  ...flexConfig,
-  ...flexGrowConfig,
-  ...flexShrinkConfig,
-  ...flexBasisConfig,
-  ...alignSelfConfig,
-  ...justifySelfConfig,
-  ...orderConfig
-});

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  flexShrink: true
-};
-export const flexShrink = system(config);

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

@@ -1,10 +0,0 @@
-/** @hidden */ /** */
-// TODO (stephen): This property does nothing in a flex container, consider deprecating
-import { system } from '@styled-system/core';
-
-/** @hidden */
-
-export const config = {
-  justifySelf: true
-};
-export const justifySelf = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Flex item */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  order: true
-};
-export const order = system(config);

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

@@ -1,96 +0,0 @@
-/** @ignore */ /** */
-// All contents in this file are ordered alphabetically.
-
-// Appearance Set
-
-export { appearanceSet } from './appearance/appearance_set';
-// -- Individual properties
-
-export { backgroundColor } from './appearance/background_color';
-export { borderRadius } from './appearance/border_radius';
-export { border } from './appearance/border';
-export { boxShadow } from './appearance/box_shadow';
-export { opacity } from './appearance/opacity';
-
-// Dimensions Set
-
-export { dimensionsSet } from './dimensions/dimensions_set';
-// -- Individual properties
-
-export { height } from './dimensions/height';
-export { maxHeight } from './dimensions/max_height';
-export { maxWidth } from './dimensions/max_width';
-export { minHeight } from './dimensions/min_height';
-export { minWidth } from './dimensions/min_width';
-export { width } from './dimensions/width';
-
-// Flex Container Set
-
-export { flexContainerSet } from './flex_container/flex_container_set';
-// -- Individual properties
-
-export { alignContent } from './flex_container/align_content';
-export { alignItems } from './flex_container/align_items';
-export { flexDirection } from './flex_container/flex_direction';
-export { flexWrap } from './flex_container/flex_wrap';
-export { justifyContent } from './flex_container/justify_content';
-export { justifyItems } from './flex_container/justify_items';
-
-// Flex Item Set
-
-export { flexItemSet } from './flex_item/flex_item_set';
-// -- Individual properties
-
-export { alignSelf } from './flex_item/align_self';
-export { flexBasis } from './flex_item/flex_basis';
-export { flexGrow } from './flex_item/flex_grow';
-export { flexShrink } from './flex_item/flex_shrink';
-export { flex } from './flex_item/flex';
-export { justifySelf } from './flex_item/justify_self';
-export { order } from './flex_item/order';
-
-// Position Set
-
-export { positionSet } from './position/position_set';
-// -- Individual properties
-
-export { bottom } from './position/bottom';
-export { left } from './position/left';
-export { position } from './position/position';
-export { right } from './position/right';
-export { top } from './position/top';
-export { zIndex } from './position/z_index';
-
-// Spacing
-
-export { spacingSet } from './spacing/spacing_set';
-// -- Individual properties
-
-export { margin } from './spacing/margin';
-export { padding } from './spacing/padding';
-
-// Typography Set
-
-export { typographySet } from './typography/typography_set';
-// -- Individual properties
-
-export { fontFamily } from './typography/font_family';
-export { fontSize } from './typography/font_size';
-export { fontStyle } from './typography/font_style';
-export { fontWeight } from './typography/font_weight';
-export { letterSpacing } from './typography/letter_spacing';
-export { lineHeight } from './typography/line_height';
-export { textAlign } from './typography/text_align';
-export { textColor } from './typography/text_color';
-export { textDecoration } from './typography/text_decoration';
-export { textTransform } from './typography/text_transform';
-
-// Standalone
-
-export { display } from './display';
-export { overflow } from './overflow';
-
-// All Styles
-// It's important this is at the bottom of the file.
-
-export { allStylesParser } from './all_styles_set';

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

@@ -1,15 +0,0 @@
-/** @module @airtable/blocks/ui/system: Overflow */ /** */
-import { system } from '@styled-system/core';
-
-/**
- * Style props for the overflow behavior of an element.
- *
- * @docsPath UI/Style System/Overflow
- */
-
-const config = {
-  overflow: true,
-  overflowY: true,
-  overflowX: true
-};
-export const overflow = system(config);

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

@@ -1,17 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-import ensureNumbersAreWithinScale from '../utils/ensure_numbers_are_within_scale';
-
-/** */
-
-export const config = {
-  bottom: {
-    property: 'bottom',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'bottom',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-export const bottom = system(config);

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

@@ -1,17 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-import ensureNumbersAreWithinScale from '../utils/ensure_numbers_are_within_scale';
-
-/** */
-
-export const config = {
-  left: {
-    property: 'left',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'left',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-export const left = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  position: true
-};
-export const position = system(config);

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

@@ -1,23 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-import { config as positionConfig } from './position';
-import { config as topConfig } from './top';
-import { config as rightConfig } from './right';
-import { config as bottomConfig } from './bottom';
-import { config as leftConfig } from './left';
-import { config as zIndexConfig } from './z_index';
-
-/**
- * Style props for the position of an element.
- *
- * @docsPath UI/Style System/Position
- */
-
-export const positionSet = system({
-  ...positionConfig,
-  ...topConfig,
-  ...rightConfig,
-  ...bottomConfig,
-  ...leftConfig,
-  ...zIndexConfig
-});

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

@@ -1,17 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-import ensureNumbersAreWithinScale from '../utils/ensure_numbers_are_within_scale';
-
-/** */
-
-export const config = {
-  right: {
-    property: 'right',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'right',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-export const right = system(config);

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

@@ -1,17 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-import ensureNumbersAreWithinScale from '../utils/ensure_numbers_are_within_scale';
-
-/** */
-
-export const config = {
-  top: {
-    property: 'top',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'top',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-export const top = system(config);

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

@@ -1,12 +0,0 @@
-/** @module @airtable/blocks/ui/system: Position */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  zIndex: {
-    property: 'zIndex',
-    scale: 'zIndices'
-  }
-};
-export const zIndex = system(config);

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

@@ -1,65 +0,0 @@
-/** @module @airtable/blocks/ui/system: Spacing */ /** */
-import { system } from '@styled-system/core';
-import ensureNumbersAreWithinScale from '../utils/ensure_numbers_are_within_scale';
-
-/** */
-
-export const config = {
-  margin: {
-    property: 'margin',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'margin',
-      shouldAllowNegativeNumbers: true
-    })
-  },
-  marginTop: {
-    property: 'marginTop',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'marginTop',
-      shouldAllowNegativeNumbers: true
-    })
-  },
-  marginRight: {
-    property: 'marginRight',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'marginRight',
-      shouldAllowNegativeNumbers: true
-    })
-  },
-  marginBottom: {
-    property: 'marginBottom',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'marginBottom',
-      shouldAllowNegativeNumbers: true
-    })
-  },
-  marginLeft: {
-    property: 'marginLeft',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'marginLeft',
-      shouldAllowNegativeNumbers: true
-    })
-  },
-  marginX: {
-    properties: ['marginLeft', 'marginRight'],
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'marginX',
-      shouldAllowNegativeNumbers: true
-    })
-  },
-  marginY: {
-    properties: ['marginTop', 'marginBottom'],
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'marginY',
-      shouldAllowNegativeNumbers: true
-    })
-  }
-};
-export const margin = system(config);

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

@@ -1,58 +0,0 @@
-/** @module @airtable/blocks/ui/system: Spacing */ /** */
-import { system } from '@styled-system/core';
-import ensureNumbersAreWithinScale from '../utils/ensure_numbers_are_within_scale';
-
-/** */
-
-export const config = {
-  padding: {
-    property: 'padding',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'padding'
-    })
-  },
-  paddingTop: {
-    property: 'paddingTop',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'paddingTop'
-    })
-  },
-  paddingRight: {
-    property: 'paddingRight',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'paddingRight'
-    })
-  },
-  paddingBottom: {
-    property: 'paddingBottom',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'paddingBottom'
-    })
-  },
-  paddingLeft: {
-    property: 'paddingLeft',
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'paddingLeft'
-    })
-  },
-  paddingX: {
-    properties: ['paddingLeft', 'paddingRight'],
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'paddingX'
-    })
-  },
-  paddingY: {
-    properties: ['paddingTop', 'paddingBottom'],
-    scale: 'space',
-    transform: ensureNumbersAreWithinScale({
-      propertyName: 'paddingY'
-    })
-  }
-};
-export const padding = system(config);

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

@@ -1,15 +0,0 @@
-/** @module @airtable/blocks/ui/system: Spacing */ /** */
-import { system } from '@styled-system/core';
-import { config as marginConfig } from './margin';
-import { config as paddingConfig } from './padding';
-
-/**
- * Style props for the spacing of an element.
- *
- * @docsPath UI/Style System/Spacing
- */
-
-export const spacingSet = system({
-  ...marginConfig,
-  ...paddingConfig
-});

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

@@ -1,12 +0,0 @@
-/** @module @airtable/blocks/ui/system: Typography */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  fontFamily: {
-    property: 'fontFamily',
-    scale: 'fontFamilies'
-  }
-};
-export const fontFamily = system(config);

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

@@ -1,12 +0,0 @@
-/** @module @airtable/blocks/ui/system: Typography */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  fontSize: {
-    property: 'fontSize',
-    scale: 'fontSizes'
-  }
-};
-export const fontSize = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Typography */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  fontStyle: true
-};
-export const fontStyle = system(config);

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

@@ -1,12 +0,0 @@
-/** @module @airtable/blocks/ui/system: Typography */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  fontWeight: {
-    property: 'fontWeight',
-    scale: 'fontWeights'
-  }
-};
-export const fontWeight = system(config);

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

@@ -1,12 +0,0 @@
-/** @module @airtable/blocks/ui/system: Typography */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  letterSpacing: {
-    property: 'letterSpacing',
-    scale: 'letterSpacing'
-  }
-};
-export const letterSpacing = system(config);

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

@@ -1,9 +0,0 @@
-/** @module @airtable/blocks/ui/system: Typography */ /** */
-import { system } from '@styled-system/core';
-
-/** */
-
-export const config = {
-  lineHeight: true
-};
-export const lineHeight = system(config);