@hhgtech/hhg-components 1.25.45 → 1.26.1

package/build/components/atoms/input/index.styled.d.ts

@@ -1,8 +1,24 @@
-export declare const StyledInput: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     color?: string;
     shadowColor?: string;
-}, never>;
-export declare const StyledInputLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const StyledErrorLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const StyledActionIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDisplayIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledErrorLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledActionIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDisplayIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/inputMB/index.styled.d.ts

@@ -1,3 +1,28 @@
 /// <reference types="react" />
-export declare const StyledPureInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "size" | "autoComplete" | "type" | "onChange" | "enterKeyHint" | "ref"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledTextField: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("../input").Props) => import("react").JSX.Element, any, {}, never>;
+import { ThemeProps } from "../../../misc";
+export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "size" | "autoComplete" | "type" | "onChange" | "enterKeyHint" | "ref"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+} & ThemeProps, {}, {}>;
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
+    value: string;
+    name: string;
+    size: "lg" | "md" | "sm";
+    readOnly?: boolean;
+    isNumerousKeyboard?: boolean;
+    autoComplete?: "on" | "off";
+    errorMessage?: string;
+    showErrorMessage?: boolean;
+    actionIcon?: JSX.Element;
+    onActionClick?: () => void;
+    displayIcon?: JSX.Element;
+    label?: string | JSX.Element;
+    onChange?: (v: string) => void;
+    isDisabled?: boolean;
+    CustomInput?: JSX.Element;
+    type?: "number" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    inputClassName?: string;
+    trackingAttributes?: import("../../../care/components/organisms/bookingSearchBar/types").GATrackingCode;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
+} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "onChange" | "name" | "value"> & {
+    theme?: import("@emotion/react").Theme;
+} & ThemeProps, {}, {}>;

package/build/components/atoms/logo/index.styled.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledLogo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProLogo: import("styled-components").StyledComponent<"img", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledLogo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledProLogo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/components/atoms/marryBabyText/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 type HeadingProps = {
     type: 'h1' | 'h2' | 'h3' | 'h4';
     color?: string;

package/build/components/atoms/marryBabyText/index.styled.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
-export declare const StyledHeading: import("styled-components").StyledComponent<({ type, ...elementProps }: {
+import { ThemeProps } from 'misc/theme';
+export declare const StyledHeading: import("@emotion/styled").StyledComponent<{
     [elementProps: string]: JSX.Element | React.ReactNode | JSX.Element[];
     type: string;
-}) => React.DOMElement<{
-    [elementProps: string]: JSX.Element | React.ReactNode | JSX.Element[];
-}, Element>, any, {}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<"p", any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & ThemeProps, {}, {}>;
+export declare const StyledText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & ThemeProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/build/components/atoms/menu/index.styled.d.ts

@@ -1,4 +1,12 @@
-export declare const StyledMenu: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     width: number;
-}, never>;
-export declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/build/components/atoms/newBabyProfileRadio/index.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledNewBabyProfileRadio: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledNewBabyProfileRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/pagination/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type Props = {
     pagesAmount: number;
     currentPage: number;

package/build/components/atoms/pagination/index.styled.d.ts

@@ -1,3 +1,14 @@
-export declare const StyledPagination: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPageBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPaginationBlock: import("styled-components").StyledComponent<"li", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledPagination: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPageBlock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPaginationBlock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/build/components/atoms/pill/index.styled.d.ts

@@ -1,9 +1,17 @@
+/// <reference types="react" />
+import { ThemeProps } from "../../../misc/theme";
 type IconContainerProps = {
     iconSize?: number;
     size?: number;
     backgroundColor?: string;
     borderRadius?: string;
 };
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, IconContainerProps, never>;
-export declare const StyledPillContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledIconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & IconContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPillContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/components/atoms/progress/index.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from "../../../misc/theme";
+export declare const StyledProgress: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/pureInput/index.styled.d.ts

@@ -1,5 +1,22 @@
-export declare const StyledInput: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const StyledErrorLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const StyledActionIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDisplayIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledErrorLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledActionIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDisplayIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/radio/index.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledRadio: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/radioImageGroup/index.styled.d.ts

@@ -1,2 +1,10 @@
-export declare const StyledRadioImageGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioImageItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from "../../../misc/theme";
+export declare const StyledRadioImageGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledRadioImageItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/rateStars/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledRateStars: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledRateStars: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/shadow/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledShadow: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledShadow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/tag/index.styled.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
 import { Props } from '.';
 type CssProps = {
     tagType: Props['type'];
@@ -7,5 +9,8 @@ type CssProps = {
     tagIsSquared: Props['isSquared'];
     tagIsALink: Props['isLink'];
 };
-export declare const StyledTag: import("styled-components").StyledComponent<"div", any, CssProps, never>;
+export declare const StyledTag: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & CssProps & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/components/atoms/toggle/index.styled.d.ts

@@ -1,5 +1,19 @@
-export declare const _StyledToggleIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const _StyledToggleIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledToggleIconClass = "hhgcomp-toggle-icon";
-export declare const StyledToggleIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledToggleLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledToggle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledToggleIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledToggleLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledToggle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/underlinedLink/index.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledUnderlinedLink: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledUnderlinedLink: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/uploader/index.styled.d.ts

@@ -1,4 +1,18 @@
-export declare const StyledUploader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledElementContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDefaultButtonContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledUploader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledElementContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDefaultButtonContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/babyGrowthChart/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledBabyGrowthChart: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBabyGrowthChart: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/babyGrowthChooseProfileDrawer/index.styled.d.ts

@@ -1,3 +1,9 @@
 /// <reference types="react" />
-export declare const StyledBabyGrowthChooseProfileDrawer: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/drawer").DrawerProps>, any, {}, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, siteType, }: import("../../molecules/modal").Props) => import("react").ReactPortal, any, {}, never>;
+export declare const StyledBabyGrowthChooseProfileDrawer: import("@emotion/styled").StyledComponent<import("../../atoms/drawer").DrawerProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledModal: import("@emotion/styled").StyledComponent<import("../../molecules/modal").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/babyGrowth/babyGrowthForm/index.styled.d.ts

@@ -1,8 +1,42 @@
 /// <reference types="react" />
-export declare const StyledBabyGrowthWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyGrowthForm: import("styled-components").StyledComponent<"form", any, {}, never>;
-export declare const StyledFormControl: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInlineLabel: import("styled-components").StyledComponent<({ children, className, style, htmlFor, size }: import("../../atoms/label").Props) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledGender: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyGrowthDropdownSearch: import("styled-components").StyledComponent<({ className, style, id, placeholder, placeholderIcon, onChange, value, options, dropdownLabelTrackingAttributes, disabled, onSearchChange, useSearchFilter, onFocus, hasIcons, keepSearch, ...rest }: import("components/molecules/dropdownSearch").Props) => import("react").JSX.Element, any, {}, never>;
+import { ThemeProps } from "../../../misc/theme";
+export declare const StyledBabyGrowthWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyGrowthForm: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
+export declare const StyledFormControl: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInlineLabel: import("@emotion/styled").StyledComponent<import("../../atoms/label").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledGender: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyGrowthDropdownSearch: import("@emotion/styled").StyledComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onFocus" | "onChange"> & {
+    options: import("components/molecules/dropdownSearch").Option[];
+    placeholderIcon?: JSX.Element;
+    onChange: (o: import("components/molecules/dropdownSearch").Option, value: string | number) => void;
+    value?: import("components/molecules/dropdownSearch").Option;
+    disabled?: boolean;
+    dropdownLabelTrackingAttributes?: {
+        [key: string]: string;
+    };
+    onSearchChange?: (keyword: string) => void;
+    useSearchFilter?: boolean;
+    onFocus?(): void;
+    hasIcons?: boolean;
+    keepSearch?: boolean;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/babyGrowth/babyGrowthGender/index.styled.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-export declare const StyledBabyGrowthGender: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyGrowthGenderOption: import("styled-components").StyledComponent<({ value, options, className, direction, onChange, isDisabled, siteType, }: import("../../atoms/radioImageGroup").Props) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledBabyGrowthGender: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyGrowthGenderOption: import("@emotion/styled").StyledComponent<import("../../atoms/radioImageGroup").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/babyGrowth/babyGrowthLegend/index.styled.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledBabyGrowthLegend: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLegend: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBabyGrowthLegend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLegend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/babyGrowthProfileRadio/index.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledBabyGrowthProfileRadio: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledBabyGrowthProfileRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/babyGrowthRecord/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledBabyGrowthRecord: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBabyGrowthRecord: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/babyGrowthSwitch/index.styled.d.ts

@@ -1 +1,6 @@
-export declare const StyledBabyGrowthSwitch: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledBabyGrowthSwitch: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/babyGrowthTooltip/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledBabyGrowthTooltip: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBabyGrowthTooltip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/babyGrowth/childCard/index.styled.d.ts

@@ -1,3 +1,15 @@
-export declare const StyledChildCard: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledOption: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledChildCardMenu: import("styled-components").StyledComponent<import("../../atoms/menu").CompoundedComponent, any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledChildCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledChildCardMenu: import("@emotion/styled").StyledComponent<{
+    width?: number;
+} & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/mantine/accordion/index.styled.d.ts

@@ -1,5 +1,7 @@
-import { Accordion } from '@mantine/core';
-export declare const StyledAccordion: import("styled-components").StyledComponent<typeof Accordion, any, {
+import { ThemeProps } from "../../../misc";
+export declare const StyledAccordion: import("@emotion/styled").StyledComponent<import("@mantine/core").AccordionProps<boolean> & {
+    theme?: import("@emotion/react").Theme;
+} & {
     openChevron?: string;
     closeChevron?: string;
-}, never>;
+} & ThemeProps, {}, {}>;

package/build/components/mantine/aspectRatio/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledAspectRatio: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledAspectRatio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/mantine/breadcrumbs/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledBreadcrumbs: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledBreadcrumbs: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/mantine/button/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/mantine/datepicker/index.styled.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-export declare const StyledDatePicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/dates").DatePickerProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledDateRangePicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/dates").DateRangePickerProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledDatePicker: import("@emotion/styled").StyledComponent<import("@mantine/dates").DatePickerProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDateRangePicker: import("@emotion/styled").StyledComponent<import("@mantine/dates").DateRangePickerProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/mantine/modal/index.styled.d.ts

@@ -1,2 +1,3 @@
-import { Modal } from '@mantine/core';
-export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, any, {}, never>;
+export declare const StyledModal: import("@emotion/styled").StyledComponent<import("@mantine/core").ModalProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/mantine/slider/index.styled.d.ts

@@ -1,3 +1,15 @@
 /// <reference types="react" />
-export declare const StyledSlider: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").SliderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledSliderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { ThemeProps } from "../../../misc/theme";
+export declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@mantine/core").SliderProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & ThemeProps & Omit<import("@mantine/core").SliderProps, "color"> & {
+    color?: string;
+    withControl?: boolean;
+    isStatic?: boolean;
+    containerClassName?: string;
+    containerStyle?: import("react").CSSProperties;
+}, {}, {}>;
+export declare const StyledSliderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/mantine/text/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { DefaultProps, Selectors, TextProps as MantineTextProps } from '@mantine/core';
 import { DataTrackingType } from "../../../interfaces/types";
-import useStyles from './index.styles';
 import { TextSize } from '../theme';
+import useStyles from './index.styles';
 export type TextProps = {
     size?: TextSize;
     weight?: 'regular' | 'semiBold' | 'bold';