@mezo-org/mezo-clay 0.1.0-dev.0

package/dist/styles/index.d.ts

@@ -0,0 +1 @@
+export { useStyletron } from 'baseui';

package/dist/themes/borders.d.ts

@@ -0,0 +1,8 @@
+declare const borders: {
+    buttonBorderRadiusMini: string;
+    buttonBorderRadius: string;
+    inputBorderWidth: string;
+    inputBorderWidthReadOnly: string;
+    searchInputBorderRadius: string;
+};
+export default borders;

package/dist/themes/clay-dark-theme.d.ts

@@ -0,0 +1,335 @@
+export declare const darkCoreColors: {
+    accent: string;
+    negative: string;
+    warning: string;
+    positive: string;
+    primaryA: string;
+    primaryB: string;
+};
+export declare const darkSemanticColors: {
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    backgroundInversePrimary: string;
+    backgroundInverseSecondary: string;
+    contentSecondary: string;
+    contentTertiary: string;
+    contentInverseSecondary: string;
+    contentInverseTertiary: string;
+    borderOpaque: string;
+    borderSelected: string;
+    borderInverseOpaque: string;
+    borderInverseTransparent: string;
+    borderInverseSelected: string;
+};
+export declare const darkComponentColors: {
+    buttonPrimaryHover: string;
+    buttonSecondaryFill: string;
+    buttonSecondaryHover: string;
+    inputBorder: string;
+    inputFill: string;
+};
+declare const theme: import('baseui').Theme & {
+    colors: {
+        buttonPrimaryHover: string;
+        buttonSecondaryFill: string;
+        buttonSecondaryHover: string;
+        inputBorder: string;
+        inputFill: string;
+        buttonPrimarySpinnerForeground: string;
+        buttonSecondarySpinnerForeground: string;
+        buttonTertiarySpinnerForeground: string;
+        buttonDisabledSpinnerForeground: string;
+        backgroundStateDisabled: string;
+        backgroundOverlayDark: string;
+        backgroundOverlayElevation: string;
+        backgroundAccent: string;
+        backgroundNegative: string;
+        backgroundWarning: string;
+        backgroundPositive: string;
+        backgroundAccentLight: string;
+        backgroundNegativeLight: string;
+        backgroundWarningLight: string;
+        backgroundPositiveLight: string;
+        backgroundAlwaysDark: string;
+        backgroundAlwaysLight: string;
+        contentAccent: string;
+        contentNegative: string;
+        contentWarning: string;
+        contentPositive: string;
+        borderAccent: string;
+        borderAccentLight: string;
+        borderNegative: string;
+        borderWarning: string;
+        backgroundSecondary: string;
+        backgroundTertiary: string;
+        backgroundInversePrimary: string;
+        backgroundInverseSecondary: string;
+        contentSecondary: string;
+        contentTertiary: string;
+        contentInverseSecondary: string;
+        contentInverseTertiary: string;
+        borderOpaque: string;
+        borderSelected: string;
+        borderInverseOpaque: string;
+        borderInverseTransparent: string;
+        borderInverseSelected: string;
+        accent: string;
+        negative: string;
+        warning: string;
+        positive: string;
+        primaryA: string;
+        primaryB: string;
+        gray300: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        brown300: string;
+        brown400: string;
+        brown500: string;
+        brown600: string;
+        brown700: string;
+    };
+    borders: {
+        buttonBorderRadiusMini: string;
+        buttonBorderRadius: string;
+        inputBorderWidth: string;
+        inputBorderWidthReadOnly: string;
+        searchInputBorderRadius: string;
+    };
+    typography: {
+        DisplayLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        DisplayMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        DisplaySmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        DisplayXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingXXLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingXLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        MonoDisplayLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoDisplayMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoDisplaySmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoDisplayXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingXXLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingXLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+};
+export default theme;

package/dist/themes/clay-light-theme.d.ts

@@ -0,0 +1,334 @@
+export declare const lightCoreColors: {
+    accent: string;
+    negative: string;
+    warning: string;
+    positive: string;
+    primaryA: string;
+    primaryB: string;
+};
+export declare const lightSemanticColors: {
+    backgroundSecondary: string;
+    backgroundInverseSecondary: string;
+    backgroundTertiary: string;
+    backgroundStateDisabled: string;
+    contentInverseSecondary: string;
+    contentInverseTertiary: string;
+    contentStateDisabled: string;
+    borderOpaque: string;
+};
+export declare const lightComponentColors: {
+    buttonPrimaryHover: string;
+    buttonPrimaryActive: string;
+    buttonSecondaryFill: string;
+    buttonSecondaryHover: string;
+    buttonSecondaryActive: string;
+    buttonTertiaryHover: string;
+    buttonTertiaryActive: string;
+    buttonDisabledFill: string;
+    inputBorder: string;
+    inputFill: string;
+};
+declare const theme: import('baseui').Theme & {
+    colors: {
+        buttonPrimaryHover: string;
+        buttonPrimaryActive: string;
+        buttonSecondaryFill: string;
+        buttonSecondaryHover: string;
+        buttonSecondaryActive: string;
+        buttonTertiaryHover: string;
+        buttonTertiaryActive: string;
+        buttonDisabledFill: string;
+        inputBorder: string;
+        inputFill: string;
+        buttonPrimarySpinnerForeground: string;
+        buttonSecondarySpinnerForeground: string;
+        buttonTertiarySpinnerForeground: string;
+        buttonDisabledSpinnerForeground: string;
+        backgroundStateDisabled: string;
+        backgroundOverlayDark: string;
+        backgroundOverlayElevation: string;
+        backgroundAccent: string;
+        backgroundNegative: string;
+        backgroundWarning: string;
+        backgroundPositive: string;
+        backgroundAccentLight: string;
+        backgroundNegativeLight: string;
+        backgroundWarningLight: string;
+        backgroundPositiveLight: string;
+        backgroundAlwaysDark: string;
+        backgroundAlwaysLight: string;
+        contentAccent: string;
+        contentNegative: string;
+        contentWarning: string;
+        contentPositive: string;
+        borderAccent: string;
+        borderAccentLight: string;
+        borderNegative: string;
+        borderWarning: string;
+        backgroundSecondary: string;
+        backgroundInverseSecondary: string;
+        backgroundTertiary: string;
+        contentInverseSecondary: string;
+        contentInverseTertiary: string;
+        contentStateDisabled: string;
+        borderOpaque: string;
+        accent: string;
+        negative: string;
+        warning: string;
+        positive: string;
+        primaryA: string;
+        primaryB: string;
+        gray300: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        brown300: string;
+        brown400: string;
+        brown500: string;
+        brown600: string;
+        brown700: string;
+    };
+    borders: {
+        buttonBorderRadiusMini: string;
+        buttonBorderRadius: string;
+        inputBorderWidth: string;
+        inputBorderWidthReadOnly: string;
+        searchInputBorderRadius: string;
+    };
+    typography: {
+        DisplayLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        DisplayMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        DisplaySmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        DisplayXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingXXLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingXLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        HeadingXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        LabelXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphLarge: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphMedium: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        ParagraphXSmall: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+        };
+        MonoDisplayLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoDisplayMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoDisplaySmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoDisplayXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingXXLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingXLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoHeadingXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoLabelXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphLarge: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+        MonoParagraphXSmall: {
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+};
+export default theme;