@xqmsg/ui-core 0.8.0

package/dist/theme/components/textarea.d.ts

@@ -0,0 +1,137 @@
+declare const _default: {
+    baseStyle: {
+        display: string;
+        paddingY: string;
+        minHeight: string;
+        lineHeight: string;
+        width: string;
+        outline: number;
+        position: string;
+        appearance: string;
+        transition: string;
+        '::placeholder': {
+            color: string;
+        };
+    };
+    sizes: {
+        sm: {
+            fontSize: string;
+            pl: number;
+            pr: number;
+            h: number;
+            borderRadius: string;
+        };
+        md: {
+            fontSize: string;
+            pl: number;
+            pr: number;
+            h: number;
+            borderRadius: string;
+        };
+        lg: {
+            fontSize: string;
+            pl: number;
+            pr: number;
+            h: number;
+            borderRadius: string;
+        };
+    };
+    variants: {
+        outline: (props: Record<string, any>) => {
+            border: string;
+            borderColor: string;
+            bg: string;
+            _hover: {
+                borderColor: string;
+            };
+            _readOnly: {
+                boxShadow: string;
+                userSelect: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            _focus: {
+                zIndex: number;
+                borderColor: any;
+                boxShadow: string;
+            };
+            _invalid: {
+                borderColor: any;
+                boxShadow: string;
+                _focus: {
+                    boxShadow: string;
+                };
+            };
+        };
+        flushed: (props: Record<string, any>) => {
+            borderBottom: string;
+            borderRadius: number;
+            pl: number;
+            pr: number;
+            bg: string;
+            _readOnly: {
+                boxShadow: string;
+                userSelect: string;
+            };
+            _focus: {
+                borderColor: any;
+                boxShadow: string;
+            };
+            _invalid: {
+                borderColor: any;
+            };
+        };
+        filled: (props: Record<string, any>) => {
+            border: string;
+            borderColor: string;
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+            _readOnly: {
+                boxShadow: string;
+                userSelect: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            _focus: {
+                bg: string;
+                borderColor: any;
+            };
+            _invalid: {
+                borderColor: any;
+            };
+        };
+        code: (props: Record<string, any>) => {
+            bg: string;
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            border: string;
+            borderColor: string;
+            borderRadius: string;
+            p: number;
+            wordBreak: string;
+            _focus: {
+                zIndex: number;
+                borderColor: any;
+                boxShadow: string;
+            };
+        };
+        unstyled: {
+            bg: string;
+            pl: number;
+            pr: number;
+            height: string;
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+};
+export default _default;

package/dist/theme/customXQChakraTheme.d.ts

@@ -0,0 +1,3 @@
+declare const customXQChakraTheme: Record<string, any>;
+export declare type CustomTheme = typeof customXQChakraTheme;
+export default customXQChakraTheme;

package/dist/theme/foundations/breakpoints.d.ts

@@ -0,0 +1,3 @@
+import { BaseBreakpointConfig } from '@chakra-ui/theme-tools';
+declare const breakpoints: import("@chakra-ui/theme-tools").Breakpoints<BaseBreakpointConfig>;
+export default breakpoints;

package/dist/theme/foundations/colors.d.ts

@@ -0,0 +1,126 @@
+export interface ColorHues {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+}
+declare const colors: {
+    label: {
+        primary: {
+            light: string;
+            dark: string;
+        };
+    };
+    whiteAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    blackAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    red: ColorHues;
+    orange: ColorHues;
+    green: ColorHues;
+    blue: ColorHues;
+    transparent: string;
+    current: string;
+    black: string;
+    white: string;
+    lightBlue: string;
+    coolGray: string;
+    darkBlue: string;
+    backdrop: string;
+};
+export declare type Colors = typeof colors;
+declare const _default: {
+    label: {
+        primary: {
+            light: string;
+            dark: string;
+        };
+    };
+    whiteAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    blackAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    red: ColorHues;
+    orange: ColorHues;
+    green: ColorHues;
+    blue: ColorHues;
+    transparent: string;
+    current: string;
+    black: string;
+    white: string;
+    lightBlue: string;
+    coolGray: string;
+    darkBlue: string;
+    backdrop: string;
+};
+export default _default;

package/dist/theme/foundations/shadows.d.ts

@@ -0,0 +1,17 @@
+declare const shadows: {
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    insetOutline: string;
+    outline: string;
+    outlineDanger600: string;
+    inner: string;
+    none: string;
+    'dark-lg': string;
+};
+export declare type Shadows = typeof shadows;
+export default shadows;

package/dist/theme/foundations/typography.d.ts

@@ -0,0 +1,56 @@
+declare const typography: {
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        taller: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    fonts: {
+        base: string;
+        mono: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+    };
+};
+export declare type Typography = typeof typography;
+export default typography;

package/dist/theme/provider/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ChakraProviderProps } from '@chakra-ui/react';
+/**
+ * A functional React wrapper component utilized to consume the custom XQ theme via `ChakraProvider`
+ */
+export declare const XQThemeProvider: React.FC<ChakraProviderProps>;

package/dist/theme/styles.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    global: {
+        'html, body, #root': {};
+        body: {
+            fontFamily: string;
+            color: string;
+            overflow: {
+                base: string;
+                lg: string;
+            };
+        };
+        '*, *::before, *::after': {
+            borderColor: string;
+        };
+        '*::placeholder': {
+            color: string;
+        };
+    };
+};
+export default _default;