@everlywell/ui-kit 0.0.2 → 0.1.0

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/{forms/Button/config.d.ts → actions/Button/Button.config.d.ts}

@@ -13,21 +13,30 @@ declare const _default: {
     } | undefined;
     sizes?: {
         sm: {
-            fontSize: string;
+            fontSize: ("md" | "lg")[];
             px: number[];
             py: number[];
-            '.chakra-button__icon > svg': {
-                width: string;
-                height: string;
+            '&:has(> svg:only-child)': {
+                px: number;
+                py: number;
+                svg: {
+                    fontSize: string;
+                };
+            };
+            svg: {
+                fontSize: string;
             };
         };
         md: {
-            fontSize: string;
+            fontSize: ("lg" | "xl")[];
             px: number[];
             py: number[];
+            '&:has(> svg:only-child)': {
+                px: number[];
+                py: number[];
+            };
             svg: {
-                width: ("1.25rem" | "1.5rem")[];
-                height: ("1.25rem" | "1.5rem")[];
+                fontSize: ("1.5rem" | "1.25rem")[];
             };
         };
         wide: {
@@ -35,14 +44,17 @@ declare const _default: {
             px: number;
             py: number;
             width: string;
-            '.chakra-button__icon > svg': {
-                width: string;
-                height: string;
+            '&:has(> svg:only-child)': {
+                px: number;
+                py: number;
+            };
+            svg: {
+                fontSize: string;
             };
         };
     } | undefined;
     variants?: {
-        solid: (props: StyleFunctionProps) => {
+        primary: (props: StyleFunctionProps) => {
             bg: string;
             color: string;
             ':hover, &.hover': {
@@ -56,7 +68,7 @@ declare const _default: {
                 color: string;
             };
         };
-        outline: (props: StyleFunctionProps) => {
+        secondary: (props: StyleFunctionProps) => {
             color: string;
             boxShadow: (theme: Record<string, any>) => string;
             ':hover, &.hover': {
@@ -75,8 +87,8 @@ declare const _default: {
         };
     } | undefined;
     defaultProps?: {
-        size?: "sm" | "md" | "wide" | undefined;
-        variant?: "outline" | "solid" | undefined;
+        size?: "wide" | "sm" | "md" | undefined;
+        variant?: "primary" | "secondary" | undefined;
         colorScheme?: string | undefined;
     } | undefined;
 };

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

@@ -12,29 +12,18 @@ declare const colors: {
         800: string;
         900: string;
     };
-    black: {
-        base: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    grayscale: {
+    tints: {
+        black: string;
         darkGrey: string;
-        grey: string;
-        mediumGrey: string;
+        uiGrey: string;
+        medGrey: string;
         lightGrey: string;
         darkCream: string;
         cream: string;
         lightCream: string;
+        white: string;
     };
-    red: {
+    viridian: {
         50: string;
         100: string;
         200: string;
@@ -45,20 +34,20 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
-        wash: string;
-        lighter: string;
-        light: string;
-        base: string;
         dark: string;
-    };
-    yellow: {
-        wash: string;
-        lighter: string;
-        light: string;
         base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    sunshine: {
         dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
     };
-    green: {
+    terracotta: {
         50: string;
         100: string;
         200: string;
@@ -69,39 +58,39 @@ declare const colors: {
         700: string;
         800: string;
         900: string;
-        wash: string;
-        lighter: string;
-        light: string;
-        base: string;
         dark: string;
-    };
-    lightBlue: {
-        wash: string;
-        lighter: string;
-        light: string;
         base: string;
-        dark: string;
-    };
-    blue: {
-        wash: string;
-        lighter: string;
         light: string;
-        base: string;
-        dark: string;
-    };
-    indigo: {
-        wash: string;
         lighter: string;
-        light: string;
-        base: string;
-        dark: string;
+        wash: string;
     };
     violet: {
-        wash: string;
+        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;