@everlywell/ui-kit 0.0.1-alpha.1

package/lib/components/Fonts/Fonts.d.ts

@@ -0,0 +1,2 @@
+declare const Fonts: () => import("react/jsx-runtime").JSX.Element;
+export default Fonts;

package/lib/components/Fonts/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Fonts';

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ChakraProviderProps } from '@chakra-ui/react';
+export type ThemeProviderProps = ChakraProviderProps;
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export default ThemeProvider;

package/lib/components/ThemeProvider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ThemeProvider';

package/lib/theme/actions/Button/Button.config.d.ts

@@ -0,0 +1,95 @@
+import { StyleFunctionProps } from '@chakra-ui/react';
+declare const _default: {
+    baseStyle?: {
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+        borderRadius: string;
+        _disabled: {
+            span: {
+                display: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        sm: {
+            fontSize: ("md" | "lg")[];
+            px: number[];
+            py: number[];
+            '&:has(> svg:only-child)': {
+                px: number;
+                py: number;
+                svg: {
+                    fontSize: string;
+                };
+            };
+            svg: {
+                fontSize: string;
+            };
+        };
+        md: {
+            fontSize: ("lg" | "xl")[];
+            px: number[];
+            py: number[];
+            '&:has(> svg:only-child)': {
+                px: number[];
+                py: number[];
+            };
+            svg: {
+                fontSize: ("1.5rem" | "1.25rem")[];
+            };
+        };
+        wide: {
+            fontSize: string;
+            px: number;
+            py: number;
+            width: string;
+            '&:has(> svg:only-child)': {
+                px: number;
+                py: number;
+            };
+            svg: {
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        primary: (props: StyleFunctionProps) => {
+            bg: string;
+            color: string;
+            ':hover, &.hover': {
+                bg: string;
+            };
+            ':active, &.active': {
+                bg: string;
+            };
+            ':disabled': {
+                bg: string;
+                color: string;
+            };
+        };
+        secondary: (props: StyleFunctionProps) => {
+            color: string;
+            boxShadow: (theme: Record<string, any>) => string;
+            ':hover, &.hover': {
+                color: string;
+                boxShadow: (theme: Record<string, any>) => string;
+            };
+            ':active, &.active': {
+                color: string;
+                boxShadow: (theme: Record<string, any>) => string;
+            };
+            ':disabled': {
+                color: string;
+                boxShadow: (theme: Record<string, any>) => string;
+                opacity: number;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "wide" | "sm" | "md" | undefined;
+        variant?: "primary" | "secondary" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/lib/theme/actions/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { Button as ChakraButton, ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+export type ButtonProps = ChakraButtonProps;
+export default ChakraButton;

package/lib/theme/actions/IconButton/IconButton.d.ts

@@ -0,0 +1,11 @@
+import { IconButtonProps as ChakraIconButtonProps, ThemingProps } from '@chakra-ui/react';
+import React from 'react';
+import { ICON_SET, IconKey } from '../../media/Icon/Icon';
+export type IconButtonProps = Omit<ChakraIconButtonProps, 'icon'> & ThemingProps<'IconButton'> & {
+    icon: IconKey;
+};
+declare const IconButton: React.ForwardRefExoticComponent<Omit<ChakraIconButtonProps, "icon"> & ThemingProps<"IconButton"> & {
+    icon: IconKey;
+} & React.RefAttributes<unknown>>;
+export { ICON_SET };
+export default IconButton;

package/lib/theme/actions/Menu/Menu.config.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    baseStyle?: {
+        button: {};
+        list: {
+            boxShadow: string;
+            backgroundColor: string;
+            border: string;
+            borderColor: string;
+            borderRadius: string;
+        };
+        item: {
+            fontWeight: string;
+            lineHeight: string;
+            color: string;
+            _hover: {
+                backgroundColor: string;
+            };
+            _disabled: {
+                backgroundColor: string;
+                color: string;
+                cursor: string;
+            };
+            _first: {
+                borderTopRadius: string;
+            };
+            _last: {
+                borderBottomRadius: string;
+            };
+        };
+        groupTitle: {
+            color: string;
+            letterSpacing: string;
+        };
+        command: {
+            color: string;
+        };
+        divider: {
+            borderColor: string;
+            borderBottom: string;
+        };
+    } | undefined;
+    sizes?: {
+        sm: {
+            button: {};
+            item: {
+                fontSize: ("2xs" | "sm")[];
+                paddingY: string;
+                paddingX: string;
+            };
+            groupTitle: {
+                fontSize: ("md" | "lg")[];
+                paddingY: string;
+                paddingX: string;
+            };
+            divider: {
+                marginY: string;
+            };
+        };
+        md: {
+            item: {
+                fontSize: ("3xs" | "lg")[];
+                paddingY: string;
+                paddingX: string;
+            };
+            groupTitle: {
+                fontSize: ("lg" | "xl")[];
+                paddingY: string;
+                paddingX: string;
+            };
+        };
+        lg: {
+            item: {
+                fontSize: ("xl" | "2xl")[];
+                paddingX: string;
+                paddingY: string;
+            };
+            groupTitle: {
+                fontSize: ("3xl" | "4xl")[];
+                paddingX: string;
+                paddingY: string;
+            };
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("button" | "list" | "item" | "groupTitle" | "command" | "divider")[];
+};
+export default _default;

package/lib/theme/actions/Menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import { Menu } from '@chakra-ui/react';
+export { Menu, type MenuProps, MenuCommand, type MenuCommandProps, MenuButton, type MenuButtonProps, MenuList, type MenuListProps, MenuItem, type MenuItemProps, MenuItemOption, type MenuItemOptionProps, MenuGroup, type MenuGroupProps, MenuOptionGroup, type MenuOptionGroupProps, MenuDivider, type MenuDividerProps, } from '@chakra-ui/react';
+export default Menu;

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

@@ -0,0 +1,96 @@
+declare const colors: {
+    white: {
+        base: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    tints: {
+        black: string;
+        darkGrey: string;
+        uiGrey: string;
+        medGrey: string;
+        lightGrey: string;
+        darkCream: string;
+        cream: string;
+        lightCream: string;
+        white: string;
+    };
+    viridian: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    sunshine: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    terracotta: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    violet: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    eggplant: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    moonlight: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    sky: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+};
+export default colors;