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

package/dist/types/src/base/ui/switch.d.ts

@@ -0,0 +1,104 @@
+/** @module @airtable/blocks/ui: Switch */ /** */
+import PropTypes from 'prop-types';
+import React from 'react';
+import { EnumType } from '../../shared/private_utils';
+import { MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, SpacingSetProps, BackgroundColorProps } from './system';
+import { OptionalResponsiveProp } from './system/utils/types';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+import { ControlSizeProp } from './control_sizes';
+/**
+ * Variants for the {@link Switch} component:
+ *
+ * • **default**
+ *
+ * Green switch for toggling a setting or other boolean property.
+ *
+ * • **danger**
+ *
+ * Red switch for toggling a dangerous or infrequently-used setting.
+ */
+type SwitchVariant = EnumType<typeof SwitchVariant>;
+declare const SwitchVariant: {
+    default: "default";
+    danger: "danger";
+};
+/**
+ * Props shared between the {@link Switch} and {@link SwitchSynced} components.
+ *
+ * @noInheritDoc
+ */
+export interface SharedSwitchProps extends TooltipAnchorProps, SwitchStyleProps {
+    /** Additional class names to apply to the switch. */
+    className?: string;
+    /** If set to `true`, the user cannot interact with the switch. */
+    disabled?: boolean;
+    /** The label node for the switch. */
+    label?: React.ReactNode | string;
+    /** A function to be called when the switch is toggled. */
+    onChange?: (newValue: boolean) => unknown;
+    /** Indicates if the switch can be focused and if/where it participates in sequential keyboard navigation. */
+    tabIndex?: number;
+    /** The variant of the switch. Defaults to `default` (green). */
+    variant?: SwitchVariant;
+    /** The size of the switch. Defaults to `default`. */
+    size?: ControlSizeProp;
+    /** The ID of the switch element. */
+    id?: string;
+    /** Additional styles to apply to the switch. */
+    style?: React.CSSProperties;
+    /** The label for the switch. Use this if the switch lacks a visible text label. */
+    ['aria-label']?: string;
+    /** A space separated list of label element IDs. */
+    ['aria-labelledby']?: string;
+    /** A space separated list of description element IDs. */
+    ['aria-describedby']?: string;
+}
+/**
+ * Props for the {@link Switch} component. Also accepts:
+ * * {@link SwitchStyleProps}
+ *
+ * @docsPath UI/components/Switch
+ */
+export interface SwitchProps extends SharedSwitchProps {
+    /** If set to `true`, the switch will be switchd on. */
+    value: boolean;
+}
+export declare const switchStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+export declare const sharedSwitchPropTypes: {
+    onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    hasOnClick: PropTypes.Requireable<boolean>;
+    disabled: PropTypes.Requireable<boolean>;
+    id: PropTypes.Requireable<string>;
+    label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    tabIndex: PropTypes.Requireable<number>;
+    variant: PropTypes.Requireable<"default" | "danger">;
+    className: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    'aria-label': PropTypes.Requireable<string>;
+    'aria-labelledby': PropTypes.Requireable<string>;
+    'aria-describedby': PropTypes.Requireable<string>;
+};
+/**
+ * Style props for the {@link Switch} component. Also accepts:
+ * * {@link BackgroundColorProps}
+ * * {@link FlexItemSetProps}
+ * * {@link MinWidthProps}
+ * * {@link MaxWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link SpacingSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
+export interface SwitchStyleProps extends MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, SpacingSetProps, BackgroundColorProps {
+    /** */
+    display?: OptionalResponsiveProp<'flex' | 'inline-flex'>;
+}
+declare const ForwardedRefSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
+export default ForwardedRefSwitch;
+//# sourceMappingURL=switch.d.ts.map

package/dist/types/src/base/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/switch.tsx"],"names":[],"mappings":"AAAA,0CAA0C,CAAC,MAAM;AACjD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAGH,aAAa,EAGb,aAAa,EAGb,UAAU,EAGV,gBAAgB,EAGhB,gBAAgB,EAGhB,eAAe,EAKf,oBAAoB,EACvB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAgB,eAAe,EAAc,MAAM,iBAAiB,CAAC;AAG5E;;;;;;;;;;GAUG;AACH,KAAK,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AACpD,QAAA,MAAM,aAAa;;;CAAkC,CAAC;AAStD;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB,EAAE,gBAAgB;IAC3E,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC;IAC1C,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,qDAAqD;IACrD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mFAAmF;IACnF,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAC7B,yDAAyD;IACzD,CAAC,kBAAkB,CAAC,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IAClD,uDAAuD;IACvD,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB;;CAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;CAcjC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,gBACb,SAAQ,aAAa,EACjB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB;IACxB,MAAM;IACN,OAAO,CAAC,EAAE,sBAAsB,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC;CAC5D;AAoHD,QAAA,MAAM,kBAAkB,oFAA2B,CAAC;AASpD,eAAe,kBAAkB,CAAC"}

package/dist/types/src/base/ui/switch_synced.d.ts

@@ -0,0 +1,18 @@
+/** @module @airtable/blocks/ui: Switch */ /** */
+import * as React from 'react';
+import { GlobalConfigKey } from '../../shared/types/global_config';
+import { SharedSwitchProps } from './switch';
+/**
+ * Props for the {@link SwitchSynced} component. Also accepts:
+ * * {@link SwitchStyleProps}
+ *
+ * @docsPath UI/components/SwitchSynced
+ * @groupPath UI/components/Switch
+ */
+interface SwitchSyncedProps extends SharedSwitchProps {
+    /** A string key or array key path in {@link GlobalConfig}. The switch option will always reflect the boolean value stored in `globalConfig` for this key. Toggling the switch will update `globalConfig`. */
+    globalConfigKey: GlobalConfigKey;
+}
+declare const ForwardedRefSwitchSynced: React.ForwardRefExoticComponent<SwitchSyncedProps & React.RefAttributes<HTMLDivElement>>;
+export default ForwardedRefSwitchSynced;
+//# sourceMappingURL=switch_synced.d.ts.map

package/dist/types/src/base/ui/switch_synced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch_synced.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/switch_synced.tsx"],"names":[],"mappings":"AAAA,0CAA0C,CAAC,MAAM;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAGjE,OAAe,EAAwB,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAE1E;;;;;;GAMG;AACH,UAAU,iBAAkB,SAAQ,iBAAiB;IACjD,6MAA6M;IAC7M,eAAe,EAAE,eAAe,CAAC;CACpC;AA+BD,QAAA,MAAM,wBAAwB,0FAAiC,CAAC;AAShE,eAAe,wBAAwB,CAAC"}

package/dist/types/src/base/ui/synced.d.ts

@@ -0,0 +1,29 @@
+/** @hidden */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { GlobalConfigKey, GlobalConfigValue } from '../../shared/types/global_config';
+import { SdkMode } from '../../sdk_mode';
+/** @hidden */
+interface SyncedProps<SdkModeT extends SdkMode> {
+    globalConfigKey: GlobalConfigKey;
+    render: (arg1: {
+        value: unknown;
+        canSetValue: boolean;
+        setValue: (newValue: GlobalConfigValue | undefined) => void;
+    }) => React.ReactElement;
+}
+/** @hidden */
+export declare class Synced<SdkModeT extends SdkMode> extends React.Component<SyncedProps<SdkModeT>> {
+    /** @hidden */
+    static propTypes: {
+        globalConfigKey: PropTypes.Validator<NonNullable<NonNullable<string | string[]>>>;
+        render: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    /** @hidden */
+    constructor(props: SyncedProps<SdkModeT>);
+    /** @hidden */
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}
+declare const _default: React.RefForwardingComponent<Synced<SdkMode>, Omit<SyncedProps<SdkMode>, "sdk"> & React.RefAttributes<Synced<SdkMode>>>;
+export default _default;
+//# sourceMappingURL=synced.d.ts.map

package/dist/types/src/base/ui/synced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"synced.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/synced.ts"],"names":[],"mappings":"AAAA,cAAc,CAAC,MAAM;AACrB,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAKvC,cAAc;AACd,UAAU,WAAW,CAAC,QAAQ,SAAS,OAAO;IAC1C,eAAe,EAAE,eAAe,CAAC;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,KAAK,EAAE,OAAO,CAAC;QACf,WAAW,EAAE,OAAO,CAAC;QACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAC;KAC/D,KAAK,KAAK,CAAC,YAAY,CAAC;CAG5B;AAED,cAAc;AACd,qBAAa,MAAM,CAAC,QAAQ,SAAS,OAAO,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxF,cAAc;IACd,MAAM,CAAC,SAAS;;;MAGd;IACF,cAAc;gBACF,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC;IASxC,cAAc;IACd,MAAM;CAUT;;AAED,wBAUE"}

package/dist/types/src/base/ui/system/all_styles_set.d.ts

@@ -0,0 +1,88 @@
+import { AppearanceSetProps, DimensionsSetProps, FlexContainerSetProps, FlexItemSetProps, PositionSetProps, SpacingSetProps, TypographySetProps, DisplayProps, OverflowProps } from './index';
+/**
+ * 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
+ */
+export interface AllStylesProps extends AppearanceSetProps, DimensionsSetProps, FlexContainerSetProps, FlexItemSetProps, PositionSetProps, SpacingSetProps, TypographySetProps, DisplayProps, OverflowProps {
+}
+export declare const allStylesParser: import("@styled-system/core").styleFn;
+export declare const allStylesPropTypes: {
+    [x: string]: import("prop-types").Validator<any>;
+};
+//# sourceMappingURL=all_styles_set.d.ts.map

package/dist/types/src/base/ui/system/all_styles_set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"all_styles_set.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/system/all_styles_set.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,kBAAkB,EAGlB,kBAAkB,EAGlB,qBAAqB,EAGrB,gBAAgB,EAGhB,gBAAgB,EAGhB,eAAe,EAGf,kBAAkB,EAGlB,YAAY,EAGZ,aAAa,EAChB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,MAAM,WAAW,cACb,SAAQ,kBAAkB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,aAAa;CAAG;AAExB,eAAO,MAAM,eAAe,uCAU3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;CAU9B,CAAC"}

package/dist/types/src/base/ui/system/appearance/appearance_set.d.ts

@@ -0,0 +1,15 @@
+import { BackgroundColorProps } from './background_color';
+import { BorderProps } from './border';
+import { BorderRadiusProps } from './border_radius';
+import { BoxShadowProps } from './box_shadow';
+import { OpacityProps } from './opacity';
+/**
+ * Style props for the visual appearance of an element.
+ *
+ * @docsPath UI/Style System/Appearance
+ */
+export interface AppearanceSetProps extends BackgroundColorProps, BorderProps, BorderRadiusProps, BoxShadowProps, OpacityProps {
+}
+export declare const appearanceSet: import("@styled-system/core").styleFn;
+export declare const appearanceSetPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=appearance_set.d.ts.map

package/dist/types/src/base/ui/system/appearance/appearance_set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance_set.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/appearance/appearance_set.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AACzF,OAAO,EAAyB,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7D,OAAO,EAA+B,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAA4B,cAAc,EAAC,MAAM,cAAc,CAAC;AACvE,OAAO,EAA0B,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,oBAAoB,EACxB,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,YAAY;CAAG;AAEvB,eAAO,MAAM,aAAa,uCAMxB,CAAC;AAEH,eAAO,MAAM,sBAAsB,mGAAgD,CAAC"}

package/dist/types/src/base/ui/system/appearance/background_color.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+import { Config } from '@styled-system/core';
+import { BackgroundColorProperty } from '../utils/csstype';
+import { OptionalResponsiveProp } from '../utils/types';
+/** */
+export interface BackgroundColorProps {
+    /** Sets the background color of an element. */
+    backgroundColor?: OptionalResponsiveProp<BackgroundColorProperty>;
+}
+export declare const config: Config;
+export declare const backgroundColor: import("@styled-system/core").styleFn;
+export declare const backgroundColorPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=background_color.d.ts.map

package/dist/types/src/base/ui/system/appearance/background_color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background_color.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/appearance/background_color.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAEtD,MAAM;AACN,MAAM,WAAW,oBAAoB;IACjC,+CAA+C;IAC/C,eAAe,CAAC,EAAE,sBAAsB,CAAC,uBAAuB,CAAC,CAAC;CACrE;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,eAAe,uCAAiB,CAAC;AAC9C,eAAO,MAAM,wBAAwB,mGAAkD,CAAC"}

package/dist/types/src/base/ui/system/appearance/border.d.ts

@@ -0,0 +1,31 @@
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+import { Config } from '@styled-system/core';
+import { BorderProperty, BorderWidthProperty, BorderStyleProperty, BorderColorProperty, BorderTopProperty, BorderRightProperty, BorderBottomProperty, BorderLeftProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface BorderProps {
+    /** Sets an element's border. It's a shorthand for `borderWidth`, `borderStyle`, and `borderColor`. */
+    border?: OptionalResponsiveProp<BorderProperty<Length>>;
+    /** Sets the widths of all four sides of an element's border. */
+    borderWidth?: OptionalResponsiveProp<BorderWidthProperty<Length>>;
+    /** Sets the line style for all four sides of an element's border. */
+    borderStyle?: OptionalResponsiveProp<BorderStyleProperty>;
+    /** Sets the color of all sides of an element's border. */
+    borderColor?: OptionalResponsiveProp<BorderColorProperty>;
+    /** Sets the width, line style, and color for an element's top border. */
+    borderTop?: OptionalResponsiveProp<BorderTopProperty<Length>>;
+    /** Sets the width, line style, and color for an element's right border. */
+    borderRight?: OptionalResponsiveProp<BorderRightProperty<Length>>;
+    /** Sets the width, line style, and color for an element's bottom border. */
+    borderBottom?: OptionalResponsiveProp<BorderBottomProperty<Length>>;
+    /** Sets the width, line style, and color for an element's left border. */
+    borderLeft?: OptionalResponsiveProp<BorderLeftProperty<Length>>;
+    /** Sets the width, line style, and color for an element's left and right borders. */
+    borderX?: OptionalResponsiveProp<BorderProperty<Length>>;
+    /** Sets the width, line style, and color for an element's top and bottom borders. */
+    borderY?: OptionalResponsiveProp<BorderProperty<Length>>;
+}
+export declare const config: Config;
+export declare const border: import("@styled-system/core").styleFn;
+export declare const borderPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=border.d.ts.map

package/dist/types/src/base/ui/system/appearance/border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/appearance/border.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAE9D,MAAM;AACN,MAAM,WAAW,WAAW;IACxB,sGAAsG;IACtG,MAAM,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,gEAAgE;IAChE,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,qEAAqE;IACrE,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,0DAA0D;IAC1D,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,yEAAyE;IACzE,SAAS,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,2EAA2E;IAC3E,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,4EAA4E;IAC5E,YAAY,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC;IACpE,0EAA0E;IAC1E,UAAU,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,qFAAqF;IACrF,OAAO,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACzD,qFAAqF;IACrF,OAAO,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,MAAM,EAAE,MAyCpB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAAiB,CAAC;AACrC,eAAO,MAAM,eAAe,mGAAyC,CAAC"}

package/dist/types/src/base/ui/system/appearance/border_radius.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+import { Config } from '@styled-system/core';
+import { BorderRadiusProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface BorderRadiusProps {
+    /** Rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners. */
+    borderRadius?: OptionalResponsiveProp<BorderRadiusProperty<Length>>;
+}
+export declare const config: Config;
+export declare const borderRadius: import("@styled-system/core").styleFn;
+export declare const borderRadiusPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=border_radius.d.ts.map

package/dist/types/src/base/ui/system/appearance/border_radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border_radius.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/appearance/border_radius.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,iBAAiB;IAC9B,2JAA2J;IAC3J,YAAY,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,YAAY,uCAAiB,CAAC;AAC3C,eAAO,MAAM,qBAAqB,mGAA+C,CAAC"}

package/dist/types/src/base/ui/system/appearance/box_shadow.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+import { Config } from '@styled-system/core';
+import { BoxShadowProperty } from '../utils/csstype';
+import { OptionalResponsiveProp } from '../utils/types';
+/** */
+export interface BoxShadowProps {
+    /** Adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color. */
+    boxShadow?: OptionalResponsiveProp<BoxShadowProperty>;
+}
+export declare const config: Config;
+export declare const boxShadow: import("@styled-system/core").styleFn;
+export declare const boxShadowPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=box_shadow.d.ts.map

package/dist/types/src/base/ui/system/appearance/box_shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box_shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/appearance/box_shadow.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAEtD,MAAM;AACN,MAAM,WAAW,cAAc;IAC3B,+MAA+M;IAC/M,SAAS,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,SAAS,uCAAiB,CAAC;AACxC,eAAO,MAAM,kBAAkB,mGAA4C,CAAC"}

package/dist/types/src/base/ui/system/appearance/opacity.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Appearance */ /** */
+import { Config } from '@styled-system/core';
+import { GlobalsNumber } from '../utils/csstype';
+import { OptionalResponsiveProp } from '../utils/types';
+/** */
+export interface OpacityProps {
+    /** Sets the transparency of an element or the degree to which content behind an element is visible. */
+    opacity?: OptionalResponsiveProp<GlobalsNumber | string>;
+}
+export declare const config: Config;
+export declare const opacity: import("@styled-system/core").styleFn;
+export declare const opacityPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=opacity.d.ts.map

package/dist/types/src/base/ui/system/appearance/opacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opacity.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/appearance/opacity.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAEtD,MAAM;AACN,MAAM,WAAW,YAAY;IACzB,uGAAuG;IAEvG,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,uCAAiB,CAAC;AACtC,eAAO,MAAM,gBAAgB,mGAA0C,CAAC"}

package/dist/types/src/base/ui/system/dimensions/dimensions_set.d.ts

@@ -0,0 +1,16 @@
+import { HeightProps } from './height';
+import { MaxHeightProps } from './max_height';
+import { MaxWidthProps } from './max_width';
+import { MinHeightProps } from './min_height';
+import { MinWidthProps } from './min_width';
+import { WidthProps } from './width';
+/**
+ * Style props for the dimensions of an element.
+ *
+ * @docsPath UI/Style System/Dimensions
+ */
+export interface DimensionsSetProps extends HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, WidthProps {
+}
+export declare const dimensionsSet: import("@styled-system/core").styleFn;
+export declare const dimensionsSetPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=dimensions_set.d.ts.map

package/dist/types/src/base/ui/system/dimensions/dimensions_set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions_set.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/dimensions_set.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyB,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7D,OAAO,EAA4B,cAAc,EAAC,MAAM,cAAc,CAAC;AACvE,OAAO,EAA2B,aAAa,EAAC,MAAM,aAAa,CAAC;AACpE,OAAO,EAA4B,cAAc,EAAC,MAAM,cAAc,CAAC;AACvE,OAAO,EAA2B,aAAa,EAAC,MAAM,aAAa,CAAC;AACpE,OAAO,EAAwB,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,WAAW,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,aAAa,EACb,UAAU;CAAG;AAErB,eAAO,MAAM,aAAa,uCAOxB,CAAC;AAEH,eAAO,MAAM,sBAAsB,mGAAgD,CAAC"}

package/dist/types/src/base/ui/system/dimensions/height.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+import { Config } from '@styled-system/core';
+import { HeightProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface HeightProps {
+    /** Specifies the height of an element. */
+    height?: OptionalResponsiveProp<HeightProperty<Length>>;
+}
+export declare const config: Config;
+export declare const height: import("@styled-system/core").styleFn;
+export declare const heightPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=height.d.ts.map

package/dist/types/src/base/ui/system/dimensions/height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"height.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/height.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,WAAW;IACxB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAAiB,CAAC;AACrC,eAAO,MAAM,eAAe,mGAAyC,CAAC"}

package/dist/types/src/base/ui/system/dimensions/max_height.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+import { Config } from '@styled-system/core';
+import { MaxHeightProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface MaxHeightProps {
+    /** Sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `maxHeight`. */
+    maxHeight?: OptionalResponsiveProp<MaxHeightProperty<Length>>;
+}
+export declare const config: Config;
+export declare const maxHeight: import("@styled-system/core").styleFn;
+export declare const maxHeightPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=max_height.d.ts.map

package/dist/types/src/base/ui/system/dimensions/max_height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"max_height.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/max_height.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,cAAc;IAC3B,gKAAgK;IAChK,SAAS,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,SAAS,uCAAiB,CAAC;AACxC,eAAO,MAAM,kBAAkB,mGAA4C,CAAC"}

package/dist/types/src/base/ui/system/dimensions/max_width.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+import { Config } from '@styled-system/core';
+import { MaxWidthProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface MaxWidthProps {
+    /** Sets the maximum width of an element. It prevents the used value of the `width` property from becoming larger than the value specified by `maxWidth`. */
+    maxWidth?: OptionalResponsiveProp<MaxWidthProperty<Length>>;
+}
+export declare const config: Config;
+export declare const maxWidth: import("@styled-system/core").styleFn;
+export declare const maxWidthPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=max_width.d.ts.map

package/dist/types/src/base/ui/system/dimensions/max_width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"max_width.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/max_width.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,aAAa;IAC1B,4JAA4J;IAC5J,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAAiB,CAAC;AACvC,eAAO,MAAM,iBAAiB,mGAA2C,CAAC"}

package/dist/types/src/base/ui/system/dimensions/min_height.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+import { Config } from '@styled-system/core';
+import { MinHeightProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface MinHeightProps {
+    /** Sets the minimum height of an element. It prevents the used value of the `height` property from becoming smaller than the value specified for `minHeight`. */
+    minHeight?: OptionalResponsiveProp<MinHeightProperty<Length>>;
+}
+export declare const config: Config;
+export declare const minHeight: import("@styled-system/core").styleFn;
+export declare const minHeightPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=min_height.d.ts.map

package/dist/types/src/base/ui/system/dimensions/min_height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"min_height.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/min_height.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,cAAc;IAC3B,iKAAiK;IACjK,SAAS,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,SAAS,uCAAiB,CAAC;AACxC,eAAO,MAAM,kBAAkB,mGAA4C,CAAC"}

package/dist/types/src/base/ui/system/dimensions/min_width.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+import { Config } from '@styled-system/core';
+import { MinWidthProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface MinWidthProps {
+    /** Sets the minimum width of an element. It prevents the used value of the `width` property from becoming smaller than the value specified for `minWidth`. */
+    minWidth?: OptionalResponsiveProp<MinWidthProperty<Length>>;
+}
+export declare const config: Config;
+export declare const minWidth: import("@styled-system/core").styleFn;
+export declare const minWidthPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=min_width.d.ts.map

package/dist/types/src/base/ui/system/dimensions/min_width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"min_width.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/min_width.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,aAAa;IAC1B,8JAA8J;IAC9J,QAAQ,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAAiB,CAAC;AACvC,eAAO,MAAM,iBAAiB,mGAA2C,CAAC"}

package/dist/types/src/base/ui/system/dimensions/width.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Dimensions */ /** */
+import { Config } from '@styled-system/core';
+import { WidthProperty } from '../utils/csstype';
+import { OptionalResponsiveProp, Length } from '../utils/types';
+/** */
+export interface WidthProps {
+    /** Specifies the width of an element. */
+    width?: OptionalResponsiveProp<WidthProperty<Length>>;
+}
+export declare const config: Config;
+export declare const width: import("@styled-system/core").styleFn;
+export declare const widthPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=width.d.ts.map

package/dist/types/src/base/ui/system/dimensions/width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"width.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/dimensions/width.ts"],"names":[],"mappings":"AAAA,qDAAqD,CAAC,MAAM;AAC5D,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,sBAAsB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG9D,MAAM;AACN,MAAM,WAAW,UAAU;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,uCAAiB,CAAC;AACpC,eAAO,MAAM,cAAc,mGAAwC,CAAC"}

package/dist/types/src/base/ui/system/display.d.ts

@@ -0,0 +1,14 @@
+import { DisplayProperty } from './utils/csstype';
+import { OptionalResponsiveProp } from './utils/types';
+/**
+ * Style prop for the display type of an element.
+ *
+ * @docsPath UI/Style System/Display
+ */
+export interface DisplayProps {
+    /** Defines the display type of an element, which consists of the two basic qualities of how an element generates boxes — the outer display type defining how the box participates in flow layout, and the inner display type defining how the children of the box are laid out. */
+    display?: OptionalResponsiveProp<DisplayProperty>;
+}
+export declare const display: import("@styled-system/core").styleFn;
+export declare const displayPropTypes: import("../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=display.d.ts.map

package/dist/types/src/base/ui/system/display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/system/display.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAC;AAGrD;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,mRAAmR;IACnR,OAAO,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;CACrD;AAID,eAAO,MAAM,OAAO,uCAAiB,CAAC;AACtC,eAAO,MAAM,gBAAgB,gGAA0C,CAAC"}

package/dist/types/src/base/ui/system/flex_container/align_content.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Flex container */ /** */
+import { Config } from '@styled-system/core';
+import { AlignContentProperty } from '../utils/csstype';
+import { OptionalResponsiveProp } from '../utils/types';
+/** */
+export interface AlignContentProps {
+    /** Sets the alignment of a flex container's lines when there is extra space in the cross-axis. This property has no effect on a single-line flex container. */
+    alignContent?: OptionalResponsiveProp<AlignContentProperty>;
+}
+export declare const config: Config;
+export declare const alignContent: import("@styled-system/core").styleFn;
+export declare const alignContentPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=align_content.d.ts.map

package/dist/types/src/base/ui/system/flex_container/align_content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"align_content.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/flex_container/align_content.ts"],"names":[],"mappings":"AAAA,yDAAyD,CAAC,MAAM;AAChE,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAEtD,MAAM;AACN,MAAM,WAAW,iBAAiB;IAC9B,+JAA+J;IAC/J,YAAY,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,MAAM,EAAE,MAA6B,CAAC;AAEnD,eAAO,MAAM,YAAY,uCAAiB,CAAC;AAC3C,eAAO,MAAM,qBAAqB,mGAA+C,CAAC"}

package/dist/types/src/base/ui/system/flex_container/align_items.d.ts

@@ -0,0 +1,13 @@
+/** @module @airtable/blocks/ui/system: Flex container */ /** */
+import { Config } from '@styled-system/core';
+import { AlignItemsProperty } from '../utils/csstype';
+import { OptionalResponsiveProp } from '../utils/types';
+/** */
+export interface AlignItemsProps {
+    /** Sets the alignment of flex items on the cross-axis of a flex container. */
+    alignItems?: OptionalResponsiveProp<AlignItemsProperty>;
+}
+export declare const config: Config;
+export declare const alignItems: import("@styled-system/core").styleFn;
+export declare const alignItemsPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=align_items.d.ts.map

package/dist/types/src/base/ui/system/flex_container/align_items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"align_items.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/flex_container/align_items.ts"],"names":[],"mappings":"AAAA,yDAAyD,CAAC,MAAM;AAChE,OAAO,EAAS,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAEtD,MAAM;AACN,MAAM,WAAW,eAAe;IAC5B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,MAAM,EAAE,MAA2B,CAAC;AAEjD,eAAO,MAAM,UAAU,uCAAiB,CAAC;AACzC,eAAO,MAAM,mBAAmB,mGAA6C,CAAC"}

package/dist/types/src/base/ui/system/flex_container/flex_container_set.d.ts

@@ -0,0 +1,16 @@
+import { AlignContentProps } from './align_content';
+import { AlignItemsProps } from './align_items';
+import { FlexDirectionProps } from './flex_direction';
+import { FlexWrapProps } from './flex_wrap';
+import { JustifyContentProps } from './justify_content';
+import { JustifyItemsProps } from './justify_items';
+/**
+ * Style props for a flex container element.
+ *
+ * @docsPath UI/Style System/FlexContainer
+ */
+export interface FlexContainerSetProps extends AlignContentProps, AlignItemsProps, FlexDirectionProps, FlexWrapProps, JustifyContentProps, JustifyItemsProps {
+}
+export declare const flexContainerSet: import("@styled-system/core").styleFn;
+export declare const flexContainerSetPropTypes: import("../../../../shared/private_utils").ObjectMap<string, import("prop-types").Validator<any>>;
+//# sourceMappingURL=flex_container_set.d.ts.map

package/dist/types/src/base/ui/system/flex_container/flex_container_set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex_container_set.d.ts","sourceRoot":"","sources":["../../../../../../../src/base/ui/system/flex_container/flex_container_set.ts"],"names":[],"mappings":"AAGA,OAAO,EAA+B,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAA6B,eAAe,EAAC,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAgC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAA2B,aAAa,EAAC,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAA+B,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAEhF;;;;GAIG;AACH,MAAM,WAAW,qBACb,SAAQ,iBAAiB,EACrB,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,iBAAiB;CAAG;AAE5B,eAAO,MAAM,gBAAgB,uCAO3B,CAAC;AAEH,eAAO,MAAM,yBAAyB,mGAAmD,CAAC"}