@everlywell/ui-kit 1.11.4 → 1.11.6

package/lib/theme/layout/Box/Box.d.ts

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

package/lib/theme/layout/Container/Container.config.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    baseStyle?: {
+        w: string;
+        paddingX: string;
+    } | undefined;
+    sizes?: {
+        sm: {
+            paddingX: string;
+        };
+        md: {
+            maxW: string;
+        };
+        lg: {
+            maxW: string;
+        };
+        xl: {
+            maxW: string;
+        };
+        ultra: {
+            maxW: string;
+        };
+        fluid: {
+            paddingX: string;
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xl" | "ultra" | "fluid" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/lib/theme/layout/Container/Container.d.ts

@@ -0,0 +1,3 @@
+import { Container as ChakraContainer, ContainerProps as ChakraContainerProps } from '@chakra-ui/react';
+export type ContainerProps = ChakraContainerProps;
+export default ChakraContainer;

package/lib/theme/layout/Flex/Flex.d.ts

@@ -0,0 +1 @@
+export { Flex, Spacer, type FlexProps } from '@chakra-ui/react';

package/lib/theme/layout/Grid/Grid.d.ts

@@ -0,0 +1,49 @@
+import { FlexProps } from '@chakra-ui/react';
+import React from 'react';
+export declare const DEFAULT_SPACING = 4;
+type Spacing = number | string | (number | string | null)[];
+type NumberFrom1To12 = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type Columns = NumberFrom1To12 | NumberFrom1To12[];
+type GridContextType = {
+    spacing: Spacing;
+    columns: Columns;
+};
+export declare const GridContext: React.Context<GridContextType>;
+export type GridProps = {
+    /**
+     * Aligns the grid items within the container to the edges.
+     * Essentially removing the spacing around the container
+     */
+    alignEdges?: boolean;
+    /**
+     * Define the spacing between elements using the spacing values defined
+     * in the design system. Default is the theme horizontal page spacing defined
+     * in the app's theme.
+     */
+    spacing?: Spacing;
+    /**
+     * Indicates the number of columns
+     */
+    columns?: Columns;
+} & FlexProps;
+/**
+ * Flexbox Grid component
+ */
+declare const Grid: React.ForwardRefExoticComponent<{
+    /**
+     * Aligns the grid items within the container to the edges.
+     * Essentially removing the spacing around the container
+     */
+    alignEdges?: boolean;
+    /**
+     * Define the spacing between elements using the spacing values defined
+     * in the design system. Default is the theme horizontal page spacing defined
+     * in the app's theme.
+     */
+    spacing?: Spacing;
+    /**
+     * Indicates the number of columns
+     */
+    columns?: Columns;
+} & FlexProps & React.RefAttributes<unknown>>;
+export default Grid;

package/lib/theme/layout/Grid/GridItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+export type GridItemProps = BoxProps;
+declare const GridItem: React.ForwardRefExoticComponent<import("@chakra-ui/layout").BoxProps & React.RefAttributes<unknown>>;
+export default GridItem;

package/lib/theme/layout/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Grid, type GridProps } from './Grid';
+export { default as GridItem, type GridItemProps } from './GridItem';

package/lib/theme/layout/Show-Hide/Show-Hide.config.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    baseStyle?: {} | undefined;
+    sizes?: {} | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/lib/theme/layout/Show-Hide/Show-Hide.d.ts

@@ -0,0 +1,5 @@
+import { Show as ChakraShow, ShowProps as ChakraShowProps, Hide as ChakraHide, HideProps as ChakraHideProps } from '@chakra-ui/react';
+export type ShowProps = ChakraShowProps;
+export type HideProps = ChakraHideProps;
+export declare const Show: typeof ChakraShow;
+export declare const Hide: typeof ChakraHide;

package/lib/theme/layout/Stack/Stack.d.ts

@@ -0,0 +1 @@
+export { Stack, HStack, VStack, type StackProps } from '@chakra-ui/react';

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,3 @@
+import { Icon as ChakraIcon, IconProps as ChakraIconProps } from '@chakra-ui/react';
+export type IconProps = ChakraIconProps;
+export default ChakraIcon;

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

@@ -0,0 +1,3 @@
+import { Image as ChakraImage, ImageProps as ChakraImageProps } from '@chakra-ui/react';
+export type ImageProps = ChakraImageProps;
+export default ChakraImage;

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

@@ -0,0 +1,4 @@
+import { Breadcrumb as ChakraBreadcrumb, BreadcrumbProps as ChakraBreadcrumbProps, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from '@chakra-ui/react';
+export { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator };
+export type BreadcrumbProps = ChakraBreadcrumbProps;
+export default ChakraBreadcrumb;

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

@@ -0,0 +1,31 @@
+declare const _default: {
+    baseStyle?: {
+        color: string;
+        fontWeight: string;
+        _hover: {
+            textDecoration: string;
+            cursor: string;
+        };
+    } | undefined;
+    sizes?: {
+        sm: {
+            fontSize: ("sm" | "xs")[];
+            lineHeight: string;
+        };
+        md: {
+            fontSize: ("sm" | "md")[];
+            lineHeight: string;
+        };
+        lg: {
+            fontSize: ("md" | "lg")[];
+            lineHeight: string;
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

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/navigation/Stepper/Stepper.config.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    baseStyle?: {
+        stepper: {
+            width: string;
+            backgroundColor: string;
+        };
+        step: {};
+        title: {};
+        description: {};
+        indicator: {};
+        separator: {
+            backgroundColor: string;
+            height: string;
+        };
+        icon: {};
+        number: {};
+    } | undefined;
+    sizes?: {} | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+import { Step as ChakraStep, StepDescription, StepIcon, StepIndicator, StepNumber, Stepper, StepperProps as ChakraStepperProps, StepSeparator, StepStatus, StepTitle, useSteps } from '@chakra-ui/react';
+export { StepDescription, StepIcon, StepIndicator, StepNumber, StepSeparator, StepStatus, StepTitle, Stepper, useSteps, };
+export type StepperProps = ChakraStepperProps;
+export default ChakraStep;

package/lib/theme/overlay/Drawer/Drawer.config.d.ts

@@ -0,0 +1,72 @@
+declare const _default: {
+    baseStyle?: {
+        overlay: {
+            zIndex: string;
+            bg: (theme: Record<string, any>) => string;
+        };
+        dialogContainer: {
+            zIndex: string;
+        };
+        dialog: {
+            bg: string;
+            pt: number[];
+            display: string;
+            flexDirection: string;
+            alignItems: string;
+            gap: number;
+            boxShadow: string;
+        };
+        header: {
+            px: number;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+        };
+        closeButton: {
+            bg: string;
+            borderRadius: string;
+            p: number;
+            _hover: {
+                bg: string;
+            };
+            '& .chakra-icon': {
+                fontSize: string;
+            };
+        };
+        body: {
+            px: number;
+            flexGrow: number;
+        };
+        footer: {
+            py: number;
+            px: number;
+        };
+    } | undefined;
+    sizes?: {
+        partial: {
+            dialog: {
+                maxW: number;
+            };
+        };
+        full: {
+            dialog: {
+                maxW: string;
+                minH: string;
+                borderRadius: number;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("body" | "overlay" | "dialog" | "dialogContainer" | "header" | "closeButton" | "footer")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: "full" | "partial" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("body" | "overlay" | "dialog" | "dialogContainer" | "header" | "closeButton" | "footer")[];
+};
+export default _default;

package/lib/theme/overlay/Drawer/Drawer.d.ts

@@ -0,0 +1,3 @@
+import { Drawer } from '@chakra-ui/react';
+export { DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, } from '@chakra-ui/react';
+export default Drawer;

package/lib/theme/overlay/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Drawer';
+export * from './Drawer';

package/lib/theme/overlay/Modal/Modal.config.d.ts

@@ -0,0 +1,106 @@
+declare const _default: {
+    baseStyle?: {
+        overlay: {
+            background: string;
+            zIndex: string;
+        };
+        dialogContainer: {
+            display: string;
+            zIndex: string;
+            justifyContent: string;
+            alignItems: string;
+            overflow: string;
+        };
+        dialog: {
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+            marginY: string;
+            zIndex: string;
+            maxHeight: string;
+            boxShadow: string;
+        };
+        header: {
+            paddingX: string;
+            paddingY: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        closeButton: {
+            position: string;
+            top: string;
+            insetEnd: string;
+            width: string;
+            height: string;
+            backgroundColor: string;
+            borderRadius: string;
+            '&:has(> svg:only-child)': {
+                svg: {
+                    fontSize: string;
+                };
+            };
+            ':hover, &.hover': {
+                backgroundColor: string;
+            };
+            ':active, &.active': {
+                backgroundColor: string;
+            };
+            ':disabled, &.disabled': {
+                backgroundColor: string;
+                color: string;
+                cursor: string;
+            };
+        };
+        body: {
+            paddingX: string;
+            paddingY: string;
+            flex: number;
+            overflow: string;
+        };
+        footer: {
+            paddingX: string;
+            paddingY: string;
+        };
+    } | undefined;
+    sizes?: {
+        xs: {
+            dialog: {
+                maxWidth: string;
+            };
+        };
+        sm: {
+            dialog: {
+                maxWidth: string;
+            };
+        };
+        md: {
+            dialog: {
+                maxWidth: string;
+            };
+        };
+        lg: {
+            dialog: {
+                maxWidth: string;
+            };
+        };
+        xl: {
+            dialog: {
+                maxWidth: string;
+            };
+        };
+        full: {
+            dialog: {
+                maxWidth: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("body" | "overlay" | "dialog" | "dialogContainer" | "header" | "closeButton" | "footer")[];
+};
+export default _default;

package/lib/theme/overlay/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { Modal } from '@chakra-ui/react';
+export { ModalOverlay, ModalContent, ModalHeader, ModalFooter, ModalBody, ModalCloseButton, type ModalProps, type ModalOverlayProps, type ModalContentProps, type ModalHeaderProps, type ModalFooterProps, type ModalBodyProps, type ModalCloseButtonProps, useDisclosure, type UseDisclosureProps, } from '@chakra-ui/react';
+export default Modal;

package/lib/theme/overlay/Tooltip/Tooltip.config.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    baseStyle?: {
+        padding: number;
+        borderRadius: number;
+        zIndex: string;
+    } | undefined;
+    sizes?: {} | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/lib/theme/overlay/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { Tooltip as ChakraTooltip, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
+export type TooltipProps = ChakraTooltipProps;
+export default ChakraTooltip;

package/lib/theme/typography/Heading/Heading.config.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    baseStyle?: {
+        fontFamily: string;
+        fontWeight: string;
+        color: string;
+    } | undefined;
+    sizes?: {
+        '3xl': {
+            fontSize: ("6xl" | "10xl")[];
+            lineHeight: string;
+        };
+        '2xl': {
+            fontSize: ("5xl" | "8xl")[];
+            lineHeight: string;
+        };
+        xl: {
+            fontSize: ("4xl" | "6xl")[];
+            lineHeight: string;
+        };
+        lg: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: ("3xl" | "5xl")[];
+            lineHeight: string;
+        };
+        md: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: ("2xl" | "3xl")[];
+            lineHeight: string;
+        };
+        sm: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: ("lg" | "2xl")[];
+            lineHeight: string;
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import { Heading, HeadingProps as ChakraHeadingProps } from '@chakra-ui/react';
+export type HeadingProps = ChakraHeadingProps;
+export default Heading;

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

@@ -0,0 +1,37 @@
+declare const _default: {
+    baseStyle?: {
+        fontFamily: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+        fontSize: string;
+        p: number;
+    } | undefined;
+    sizes?: {
+        xs: {
+            fontSize: ("xs" | "2xs")[];
+        };
+        sm: {
+            fontSize: ("sm" | "xs")[];
+        };
+        md: {
+            fontSize: ("sm" | "md")[];
+        };
+        lg: {
+            fontSize: ("md" | "lg")[];
+        };
+        xl: {
+            fontSize: ("lg" | "2xl")[];
+            lineHeight: ("shorter" | "short")[];
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

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/lib/utils/utils.storybook.d.ts

@@ -0,0 +1,24 @@
+import { StoryFn } from '@storybook/react';
+type Options<T> = {
+    /**
+     * The default props for the story.
+     */
+    defaultProps: T;
+    /**
+     * The description of the story.
+     */
+    description?: string;
+    /**
+     * Custom name of the story.
+     */
+    customStoryName?: string;
+    /**
+     * The layout of the story.
+     *
+     * @default 'centered'
+     */
+    layout?: 'fullscreen' | 'padded' | 'centered';
+};
+export declare function createPrimary<T>(story: StoryFn<T>, options: Options<T>): StoryFn<T>;
+export declare function flattenObject(obj: Record<string, unknown>, prefix?: string): Record<string, unknown>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everlywell/ui-kit",
-  "version": "1.11.4",
+  "version": "1.11.6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {