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

package/dist/types/src/base/ui/theme/theme_context.d.ts

@@ -0,0 +1,342 @@
+declare const ThemeContext: import("react").Context<{
+    textStyles: {
+        default: {
+            small: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+            default: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+            large: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+            xlarge: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+        };
+        paragraph: {
+            small: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+            default: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+            large: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+            xlarge: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+        };
+    };
+    headingStyles: import("../../../shared/private_utils").ObjectMap<"default" | "caps", {
+        small?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        default?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        large?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        xsmall?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        xlarge?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        xxlarge?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+    }>;
+    buttonVariants: {
+        default: string;
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    linkVariants: {
+        default: string;
+        dark: string;
+        light: string;
+    };
+    inputVariants: {
+        default: string;
+    };
+    selectVariants: {
+        default: string;
+    };
+    selectButtonsVariants: {
+        default: {
+            containerClassNameForVariant: string;
+            optionClassNameForVariant: string;
+        };
+    };
+    switchVariants: {
+        default: {
+            switchClassName: string;
+            switchContainerClassName: string;
+            switchLabelClassName: string;
+            baseClassName: string;
+        };
+        danger: {
+            switchClassName: string;
+            switchContainerClassName: string;
+            switchLabelClassName: string;
+            baseClassName: string;
+        };
+    };
+    textButtonVariants: {
+        default: string;
+        dark: string;
+        light: string;
+    };
+    buttonSizes: {
+        small: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    selectSizes: {
+        small: {
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundPosition: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundPosition: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundPosition: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    inputSizes: {
+        small: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    selectButtonsSizes: {
+        small: {
+            padding: number;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            padding: number;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            padding: number;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    switchSizes: {
+        small: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    colors: {
+        white: string;
+        dark: string;
+        light: string;
+        lightGray1: string;
+        lightGray2: string;
+        lightGray3: string;
+        lightGray4: string;
+        lighten1: string;
+        lighten2: string;
+        lighten3: string;
+        lighten4: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        blueBright: string;
+        blue: string;
+        blueDark1: string;
+        blueLight1: string;
+        blueLight2: string;
+        cyanBright: string;
+        cyan: string;
+        cyanDark1: string;
+        cyanLight1: string;
+        cyanLight2: string;
+        grayBright: string;
+        gray: string;
+        grayDark1: string;
+        grayLight1: string;
+        grayLight2: string;
+        greenBright: string;
+        green: string;
+        greenDark1: string;
+        greenLight1: string;
+        greenLight2: string;
+        orangeBright: string;
+        orange: string;
+        orangeDark1: string;
+        orangeLight1: string;
+        orangeLight2: string;
+        pinkBright: string;
+        pink: string;
+        pinkDark1: string;
+        pinkLight1: string;
+        pinkLight2: string;
+        purpleBright: string;
+        purple: string;
+        purpleDark1: string;
+        purpleLight1: string;
+        purpleLight2: string;
+        redBright: string;
+        red: string;
+        redDark1: string;
+        redLight1: string;
+        redLight2: string;
+        tealBright: string;
+        teal: string;
+        tealDark1: string;
+        tealLight1: string;
+        tealLight2: string;
+        yellowBright: string;
+        yellow: string;
+        yellowDark1: string;
+        yellowLight1: string;
+        yellowLight2: string;
+    };
+    textColorsByBackgroundColor: import("../../../shared/private_utils").ObjectMap<import("../../../shared/colors").Color, string>;
+    textColors: {
+        dark: string;
+        default: string;
+        light: string;
+    };
+    breakpoints: {
+        xsmallViewport: string;
+        smallViewport: string;
+        mediumViewport: string;
+        largeViewport: string;
+    };
+    borderWidths: {
+        default: string;
+        thick: string;
+    };
+    borders: {
+        default: string;
+        thick: string;
+    };
+    fontFamilies: {
+        default: string;
+        monospace: string;
+    };
+    fontSizes: string[];
+    fontWeights: {
+        strong: number;
+    };
+    opacities: {
+        normal: number;
+        quiet: number;
+        quieter: number;
+        quietest: number;
+        invisible: number;
+    };
+    radii: {
+        default: number;
+        large: number;
+        circle: number;
+    };
+    space: number[];
+}>;
+export default ThemeContext;
+//# sourceMappingURL=theme_context.d.ts.map

package/dist/types/src/base/ui/theme/theme_context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme_context.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/theme/theme_context.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyC,CAAC;AAC5D,eAAe,YAAY,CAAC"}

package/dist/types/src/base/ui/theme/use_theme.d.ts

@@ -0,0 +1,342 @@
+declare const useTheme: () => {
+    textStyles: {
+        default: {
+            small: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+            default: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+            large: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+            xlarge: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginY: number;
+            };
+        };
+        paragraph: {
+            small: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+            default: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+            large: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+            xlarge: {
+                fontSize: number;
+                lineHeight: string;
+                fontWeight: number;
+                textColor: string;
+                fontFamily: string;
+                marginTop: number;
+                marginBottom: string;
+            };
+        };
+    };
+    headingStyles: import("../../../shared/private_utils").ObjectMap<"default" | "caps", {
+        small?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        default?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        large?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        xsmall?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        xlarge?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+        xxlarge?: (import("../system").TypographySetProps & import("../system").MarginProps) | undefined;
+    }>;
+    buttonVariants: {
+        default: string;
+        primary: string;
+        secondary: string;
+        danger: string;
+    };
+    linkVariants: {
+        default: string;
+        dark: string;
+        light: string;
+    };
+    inputVariants: {
+        default: string;
+    };
+    selectVariants: {
+        default: string;
+    };
+    selectButtonsVariants: {
+        default: {
+            containerClassNameForVariant: string;
+            optionClassNameForVariant: string;
+        };
+    };
+    switchVariants: {
+        default: {
+            switchClassName: string;
+            switchContainerClassName: string;
+            switchLabelClassName: string;
+            baseClassName: string;
+        };
+        danger: {
+            switchClassName: string;
+            switchContainerClassName: string;
+            switchLabelClassName: string;
+            baseClassName: string;
+        };
+    };
+    textButtonVariants: {
+        default: string;
+        dark: string;
+        light: string;
+    };
+    buttonSizes: {
+        small: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    selectSizes: {
+        small: {
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundPosition: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundPosition: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundPosition: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    inputSizes: {
+        small: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    selectButtonsSizes: {
+        small: {
+            padding: number;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            padding: number;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            padding: number;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    switchSizes: {
+        small: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        default: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+        large: {
+            paddingX: string;
+            fontSize: number;
+            height: string;
+            lineHeight: string;
+        };
+    };
+    colors: {
+        white: string;
+        dark: string;
+        light: string;
+        lightGray1: string;
+        lightGray2: string;
+        lightGray3: string;
+        lightGray4: string;
+        lighten1: string;
+        lighten2: string;
+        lighten3: string;
+        lighten4: string;
+        darken1: string;
+        darken2: string;
+        darken3: string;
+        darken4: string;
+        blueBright: string;
+        blue: string;
+        blueDark1: string;
+        blueLight1: string;
+        blueLight2: string;
+        cyanBright: string;
+        cyan: string;
+        cyanDark1: string;
+        cyanLight1: string;
+        cyanLight2: string;
+        grayBright: string;
+        gray: string;
+        grayDark1: string;
+        grayLight1: string;
+        grayLight2: string;
+        greenBright: string;
+        green: string;
+        greenDark1: string;
+        greenLight1: string;
+        greenLight2: string;
+        orangeBright: string;
+        orange: string;
+        orangeDark1: string;
+        orangeLight1: string;
+        orangeLight2: string;
+        pinkBright: string;
+        pink: string;
+        pinkDark1: string;
+        pinkLight1: string;
+        pinkLight2: string;
+        purpleBright: string;
+        purple: string;
+        purpleDark1: string;
+        purpleLight1: string;
+        purpleLight2: string;
+        redBright: string;
+        red: string;
+        redDark1: string;
+        redLight1: string;
+        redLight2: string;
+        tealBright: string;
+        teal: string;
+        tealDark1: string;
+        tealLight1: string;
+        tealLight2: string;
+        yellowBright: string;
+        yellow: string;
+        yellowDark1: string;
+        yellowLight1: string;
+        yellowLight2: string;
+    };
+    textColorsByBackgroundColor: import("../../../shared/private_utils").ObjectMap<import("../../../shared/colors").Color, string>;
+    textColors: {
+        dark: string;
+        default: string;
+        light: string;
+    };
+    breakpoints: {
+        xsmallViewport: string;
+        smallViewport: string;
+        mediumViewport: string;
+        largeViewport: string;
+    };
+    borderWidths: {
+        default: string;
+        thick: string;
+    };
+    borders: {
+        default: string;
+        thick: string;
+    };
+    fontFamilies: {
+        default: string;
+        monospace: string;
+    };
+    fontSizes: string[];
+    fontWeights: {
+        strong: number;
+    };
+    opacities: {
+        normal: number;
+        quiet: number;
+        quieter: number;
+        quietest: number;
+        invisible: number;
+    };
+    radii: {
+        default: number;
+        large: number;
+        circle: number;
+    };
+    space: number[];
+};
+export default useTheme;
+//# sourceMappingURL=use_theme.d.ts.map

package/dist/types/src/base/ui/theme/use_theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_theme.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/theme/use_theme.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC;AAChD,eAAe,QAAQ,CAAC"}