@everlywell/ui-kit 1.11.4 → 1.11.6

package/lib/theme/data-display/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import { Tag, TagProps, TagLabel, TagLabelProps, TagCloseButton, TagCloseButtonProps, TagLeftIcon, TagRightIcon } from '@chakra-ui/react';
+export { type TagProps, TagLabel, type TagLabelProps, TagCloseButton, type TagCloseButtonProps, TagLeftIcon, TagRightIcon, };
+export default Tag;

package/lib/theme/data-display/index.d.ts

@@ -0,0 +1,2 @@
+import Accordion from './Accordion/Accordion.config';
+export { Accordion };

package/lib/theme/feedback/Progress/Progress.config.d.ts

@@ -0,0 +1,51 @@
+declare const _default: {
+    baseStyle?: {
+        label: {
+            lineHeight: string;
+            fontSize: string;
+            fontWeight: string;
+            color: string;
+        };
+        track: {
+            background: string;
+        };
+        filledTrack: {
+            transition: string;
+            background: string;
+        };
+    } | undefined;
+    sizes?: {
+        xs: {
+            track: {
+                height: string;
+                borderRadius: string;
+            };
+        };
+        sm: {
+            track: {
+                height: string;
+                borderRadius: string;
+            };
+        };
+        md: {
+            track: {
+                height: string;
+                borderRadius: string;
+            };
+        };
+        lg: {
+            track: {
+                height: string;
+                borderRadius: string;
+            };
+        };
+    } | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("label" | "track" | "filledTrack")[];
+};
+export default _default;

package/lib/theme/feedback/Progress/Progress.d.ts

@@ -0,0 +1,11 @@
+import { type ProgressProps as ChakraProgressProps } from '@chakra-ui/react';
+type OmitedProps = 'colorScheme';
+export type ProgressProps = Omit<ChakraProgressProps, OmitedProps> & {
+    background?: string;
+    filledBackground?: string;
+};
+declare const _default: import("react").ForwardRefExoticComponent<Omit<ChakraProgressProps, "colorScheme"> & {
+    background?: string;
+    filledBackground?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/theme/feedback/Progress/Progress.utils.d.ts

@@ -0,0 +1,8 @@
+export declare const $backgroundVar: {
+    variable: string;
+    reference: string;
+};
+export declare const $filledBackgroundVar: {
+    variable: string;
+    reference: string;
+};

package/lib/theme/feedback/Skeleton/Skeleton.config.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    baseStyle?: {
+        [x: string]: string;
+        borderRadius: string;
+        p: string;
+    } | undefined;
+    sizes?: {} | undefined;
+    variants?: {} | undefined;
+    defaultProps?: {
+        size?: undefined;
+        variant?: undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/lib/theme/feedback/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import { Skeleton, SkeletonProps, SkeletonCircle, SkeletonText, SkeletonTextProps, SkeletonOptions } from '@chakra-ui/react';
+export { type SkeletonProps, SkeletonText, type SkeletonTextProps, SkeletonCircle, // chakra has no SkeletonCircleProps
+type SkeletonOptions, };
+export default Skeleton;

package/lib/theme/feedback/Spinner/Spinner.config.d.ts

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

package/lib/theme/feedback/Spinner/Spinner.d.ts

@@ -0,0 +1,3 @@
+import { Spinner as ChakraSpinner, SpinnerProps as ChakraSpinnerProps } from '@chakra-ui/react';
+export type SpinnerProps = ChakraSpinnerProps;
+export default ChakraSpinner;

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

@@ -0,0 +1,213 @@
+export declare const palette: {
+    tints: {
+        black: string;
+        darkGrey: string;
+        uiGrey: string;
+        medGrey: string;
+        lightGrey: string;
+        darkCream: string;
+        cream: string;
+        lightCream: string;
+        white: string;
+    };
+    viridian: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    sunshine: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    terracotta: {
+        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 declare const colorSchemes: {
+    redCS: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    greenCS: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    whiteCS: {
+        base: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
+export declare const utilityColors: {
+    warning: string;
+    sale: string;
+    success: string;
+    rating: string;
+};
+declare const colors: {
+    utility: {
+        warning: string;
+        sale: string;
+        success: string;
+        rating: string;
+    };
+    redCS: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    greenCS: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    whiteCS: {
+        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: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    sunshine: {
+        dark: string;
+        base: string;
+        light: string;
+        lighter: string;
+        wash: string;
+    };
+    terracotta: {
+        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;

package/lib/theme/hooks/UseMediaQuery/UseMediaQuery.d.ts

@@ -0,0 +1,3 @@
+import { useMediaQuery as chakraUseMediaQuery } from '@chakra-ui/react';
+export { type UseMediaQueryOptions } from '@chakra-ui/react';
+export default chakraUseMediaQuery;

package/lib/theme/hooks/UseRadioGroup/UseRadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { useRadioGroup as chakraUseRadioGroup, UseRadioGroupProps as ChakraUseRadioGroupProps } from '@chakra-ui/react';
+export type UseRadioGroupProps = ChakraUseRadioGroupProps;
+export default chakraUseRadioGroup;