@everlywell/ui-kit 1.11.4 → 1.11.6

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/accessibility/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,2 @@
+import { VisuallyHidden as ChakraVisuallyHidden } from '@chakra-ui/react';
+export default ChakraVisuallyHidden;

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

@@ -0,0 +1,106 @@
+import { StyleFunctionProps } from '@chakra-ui/react';
+declare const _default: {
+    baseStyle?: {
+        fontFamily: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+        borderRadius: string;
+        border: string;
+        _disabled: {
+            _hover: {
+                cursor: string;
+            };
+            span: {
+                display: string;
+            };
+        };
+        _focusVisible: {
+            outlineColor: string;
+            outlineWidth: string;
+            outlineStyle: string;
+            outlineOffset: 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/Checkbox/Checkbox.config.d.ts

@@ -0,0 +1,74 @@
+declare const _default: {
+    baseStyle?: {
+        container: {};
+        control: {
+            boxSize: number;
+            padding: number;
+            borderRadius: string;
+            borderStyle: string;
+            borderWidth: number;
+            borderColor: string;
+            color: string;
+            fontSize: string;
+            bg: string;
+            _focusVisible: {
+                outlineColor: string;
+                outlineWidth: string;
+                outlineStyle: string;
+                outlineOffset: string;
+            };
+            _checked: {
+                borderColor: string;
+                bg: string;
+                color: string;
+                _hover: {
+                    borderColor: string;
+                    bg: string;
+                };
+                _disabled: {
+                    borderColor: string;
+                    bg: string;
+                };
+            };
+            _hover: {
+                borderColor: string;
+                bg: string;
+            };
+            _disabled: {
+                borderColor: string;
+                bg: string;
+                cursor: string;
+            };
+            _invalid: {
+                borderColor: string;
+            };
+        };
+        icon: {
+            boxSize: string;
+        };
+        label: {
+            fontSize: ("sm" | "md")[];
+            color: string;
+        };
+    } | undefined;
+    sizes?: {
+        sm: {
+            control: {
+                boxSize: number;
+            };
+        };
+        md: {
+            control: {
+                boxSize: number;
+            };
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "label" | "control")[];
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+import { CheckboxProps } from '@chakra-ui/react';
+export { CheckboxGroup, type CheckboxProps, type CheckboxGroupProps, } from '@chakra-ui/react';
+export declare const Checkbox: {
+    (props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,91 @@
+declare const _default: {
+    baseStyle?: {
+        container: {
+            width: string;
+            position: string;
+            display: string;
+            flexDirection: string;
+            gap: number;
+        };
+        requiredIndicator: {
+            color: string;
+        };
+        helperText: {
+            _dark: {};
+            color: string;
+            fontSize: ("sm" | "md")[];
+        };
+    } | undefined;
+    sizes?: {} | undefined;
+    variants?: {
+        floating: {
+            container: {
+                _focusWithin: {
+                    '*:not(.chakra-select__wrapper) + label': {
+                        transform: string[];
+                        fontSize: string;
+                        top: string[];
+                        color: string;
+                        _invalid: {
+                            color: string;
+                        };
+                    };
+                };
+                'input:not(:placeholder-shown) + label, .chakra-input__group:has(input:not(:placeholder-shown)) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
+                    transform: string[];
+                    fontSize: string;
+                    top: string[];
+                    color: string;
+                    _invalid: {
+                        color: string;
+                    };
+                };
+                '.chakra-select__wrapper:has(option[value=""]:checked) select': {
+                    color: string;
+                };
+                label: {
+                    transition: string;
+                    transformOrigin: string;
+                    position: string;
+                    pointerEvents: string;
+                    zIndex: number;
+                    ml: number;
+                    mr: number;
+                    top: (number | "16px")[];
+                    fontSize: ("md" | "lg")[];
+                    color: string;
+                    fontWeight: string;
+                };
+                ':has(.chakra-input__left-element) label': {
+                    ml: string[];
+                };
+                input: {
+                    pt: number;
+                    h: string[];
+                    _placeholder: {
+                        color: string;
+                        visibility: string;
+                    };
+                };
+                select: {
+                    pt: number;
+                    h: string[];
+                };
+                ':has(.chakra-input__left-element) input, :has(.chakra-input__left-element) select': {
+                    pl: string[];
+                };
+                '.chakra-input__right-element, .chakra-input__left-element': {
+                    w: string[];
+                    h: string[];
+                };
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: "floating" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "requiredIndicator" | "helperText")[];
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+import { FormControl } from '@chakra-ui/react';
+export { FormControl, FormLabel, FormErrorMessage, FormHelperText, } from '@chakra-ui/react';
+export type { FormControlProps, FormLabelProps, FormErrorMessageProps, FormHelperTextProps, } from '@chakra-ui/react';
+export default FormControl;

package/lib/theme/actions/FormControl/FormError.config.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    baseStyle?: {
+        text: {
+            color: string;
+            fontSize: ("sm" | "md")[];
+        };
+        icon: {
+            color: string;
+            height: string;
+            width: string;
+            mr: number;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("text" | "icon")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("text" | "icon")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("text" | "icon")[];
+};
+export default _default;

package/lib/theme/actions/FormControl/FormLabel.config.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    baseStyle?: {
+        fontSize: ("sm" | "md")[];
+        color: string;
+        transitionProperty: string;
+        transitionDuration: string;
+        opacity: number;
+        _disabled: {
+            opacity: number;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from '@chakra-ui/react';
+export type IconButtonProps = ChakraIconButtonProps;
+export default ChakraIconButton;

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

@@ -0,0 +1,49 @@
+declare const _default: {
+    baseStyle?: {
+        field: {
+            fontWeight: string;
+            fontSize: ("md" | "lg")[];
+            bg: string;
+            color: string;
+            px: number;
+            borderStyle: string;
+            borderWidth: string;
+            borderColor: string;
+            borderRadius: string;
+            w: string;
+            h: ("52px" | "44px")[];
+            ':focus, &.focus': {
+                borderColor: string;
+                outline: string;
+            };
+            ':disabled': {
+                borderColor: string;
+                color: string;
+            };
+            ':read-only': {
+                borderColor: string;
+                color: string;
+            };
+            _placeholder: {
+                color: string;
+            };
+            _invalid: {
+                borderColor: string;
+            };
+        };
+        element: {
+            px: number;
+            py: number;
+            color: string;
+        };
+    } | undefined;
+    sizes?: {} | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("element" | "addon" | "field")[];
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+import { Input as ChakraInput, InputProps as ChakraInputProps, InputGroup, InputLeftElement, InputRightElement, InputGroupProps, InputLeftElementProps, InputRightElementProps } from '@chakra-ui/react';
+export type InputProps = ChakraInputProps;
+export { InputGroup, InputLeftElement, InputRightElement, type InputGroupProps, type InputLeftElementProps, type InputRightElementProps, };
+export default ChakraInput;

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

@@ -0,0 +1,98 @@
+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;
+            };
+            _active: {
+                backgroundColor: string;
+            };
+            _focus: {
+                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: ("sm" | "2xs")[];
+                paddingX: string;
+                paddingY: string;
+            };
+            groupTitle: {
+                fontSize: ("md" | "lg")[];
+                paddingX: string;
+                paddingY: string;
+            };
+            divider: {
+                marginY: string;
+            };
+        };
+        md: {
+            item: {
+                fontSize: ("lg" | "3xs")[];
+                paddingX: string;
+                paddingY: string;
+            };
+            groupTitle: {
+                fontSize: ("lg" | "xl")[];
+                paddingX: string;
+                paddingY: 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/actions/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import { useRadio, useRadioGroup, UseRadioProps, RadioGroup, RadioGroupProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+interface RadioProps extends UseRadioProps {
+    children?: ReactNode;
+    removeCircle?: boolean;
+}
+declare const Radio: import("@chakra-ui/react").ComponentWithAs<"input", RadioProps>;
+export default Radio;
+export { RadioGroup, useRadio, useRadioGroup };
+export type { RadioProps, UseRadioProps, RadioGroupProps };

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

@@ -0,0 +1,61 @@
+declare const _default: {
+    baseStyle?: {
+        field: {
+            ':has(option[value=""]:checked)': {
+                color?: string | undefined;
+            };
+            ':read-only': undefined;
+            WebkitAppearance: string;
+            MozAppearance: string;
+            fontWeight?: string | undefined;
+            fontSize?: ("md" | "lg")[] | undefined;
+            bg?: string | undefined;
+            color?: string | undefined;
+            px?: number | undefined;
+            borderStyle?: string | undefined;
+            borderWidth?: string | undefined;
+            borderColor?: string | undefined;
+            borderRadius?: string | undefined;
+            w?: string | undefined;
+            h?: ("52px" | "44px")[] | undefined;
+            ':focus, &.focus'?: {
+                borderColor: string;
+                outline: string;
+            } | undefined;
+            ':disabled'?: {
+                borderColor: string;
+                color: string;
+            } | undefined;
+            _placeholder?: {
+                color: string;
+            } | undefined;
+            _invalid?: {
+                borderColor: string;
+            } | undefined;
+        };
+        icon: {
+            color: string;
+            right: number;
+            _disabled: {
+                color: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("icon" | "field")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("icon" | "field")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("icon" | "field")[];
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import { Select as ChakraSelect, SelectProps as ChakraSelectProps } from '@chakra-ui/react';
+export type SelectProps = ChakraSelectProps;
+export default ChakraSelect;

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

@@ -0,0 +1,19 @@
+declare const _default: {
+    baseStyle?: {
+        thumb: {
+            cursor: string;
+            boxShadow: string;
+        };
+        track: {
+            h: string;
+        };
+    } | undefined;
+    sizes?: {} | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import { Slider } from '@chakra-ui/react';
+export { Slider, type SliderProps, SliderTrack, type SliderTrackProps, SliderFilledTrack, type SliderInnerTrackProps, SliderThumb, type SliderThumbProps, SliderMark, type SliderMarkProps, } from '@chakra-ui/react';
+export default Slider;