@everlywell/ui-kit 0.2.0 → 0.3.0-next

package/lib/theme/index.d.ts

@@ -1,4 +1,11 @@
 export declare const theme: {
+    breakpoints: {
+        mobile: string;
+        tablet: string;
+        largeTablet: string;
+        desktop: string;
+        largeDesktop: string;
+    };
     fonts: {
         body: string;
         heading: string;
@@ -374,6 +381,26 @@ export declare const theme: {
                 colorScheme?: string | undefined;
             } | undefined;
         };
+        Icon: {
+            baseStyle?: {} | undefined;
+            sizes?: {
+                sm: {
+                    fontSize: string;
+                };
+                md: {
+                    fontSize: string;
+                };
+                lg: {
+                    fontSize: string;
+                };
+            } | undefined;
+            variants?: {} | undefined;
+            defaultProps?: {
+                size?: "sm" | "md" | "lg" | undefined;
+                variant?: undefined;
+                colorScheme?: string | undefined;
+            } | undefined;
+        };
     };
     styles: import("@chakra-ui/theme-tools/dist/component").Styles;
     config: import("@chakra-ui/theme/dist/theme.types").ThemeConfig;
@@ -420,14 +447,6 @@ export declare const theme: {
             "ultra-slow": string;
         };
     };
-    breakpoints: {
-        base: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-    };
     zIndices: {
         hide: number;
         auto: string;

package/lib/theme/media/Icon/Icon.config.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    baseStyle?: {} | undefined;
+    sizes?: {
+        sm: {
+            fontSize: string;
+        };
+        md: {
+            fontSize: string;
+        };
+        lg: {
+            fontSize: string;
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/lib/theme/media/Icon/Icon.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IconProps as ChakraIconProps, ThemingProps } from '@chakra-ui/react';
+import * as icons from '@phosphor-icons/react';
+declare const ICON_RED_LIST: readonly ["SSR", "Icon", "IconProps", "IconContext", "IconBase", "IconWeight"];
+declare const ICON_GREEN_LIST: readonly [];
+type IconKey = Exclude<keyof typeof icons, (typeof ICON_RED_LIST)[number]> | (typeof ICON_GREEN_LIST)[number];
+type IconType = Record<IconKey, React.ElementType>;
+export declare const ICON_SET: IconType;
+export type IconProps = ChakraIconProps & ThemingProps<'Icon'> & {
+    icon: IconKey;
+    isFilled?: boolean;
+};
+declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/lib/theme/navigation/Link/Link.d.ts

@@ -0,0 +1,3 @@
+import { Link as ChakraLink, LinkProps as ChakraLinkProps } from '@chakra-ui/react';
+export type LinkProps = ChakraLinkProps;
+export default ChakraLink;

package/lib/theme/typography/Text/Text.d.ts

@@ -0,0 +1,3 @@
+import { Text as ChakraText, TextProps as ChakraTextProps } from '@chakra-ui/react';
+export type TextProps = ChakraTextProps;
+export default ChakraText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everlywell/ui-kit",
-  "version": "0.2.0",
+  "version": "0.3.0-next",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -8,5 +8,12 @@
       "import": "./index.mjs",
       "require": "./index.js"
     }
+  },
+  "peerDependencies": {
+    "@chakra-ui/react": "^2.8.1",
+    "@emotion/react": "11.11.3",
+    "@emotion/styled": "11.11.0",
+    "@phosphor-icons/react": "2.0.15",
+    "framer-motion": "^10.16.4"
   }
 }