@hhgtech/hhg-components 1.26.2 → 1.26.3-beta-1

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

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const StyledTextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>, any, {}, never>;
+export declare const StyledTextArea: import("@emotion/styled").StyledComponent<import("@mantine/core").TextareaProps & import("react").RefAttributes<HTMLTextAreaElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/mantine/theme/colors.d.ts

@@ -0,0 +1,14 @@
+export declare const themeColors: {
+    hb: string[];
+    mb: string[];
+    blue: string[];
+    gray: string[];
+    neutral: string[];
+    green: string[];
+    pink: string[];
+    violet: string[];
+    yellow: string[];
+    teal: string[];
+    indigol: string[];
+    redViolet: string[];
+};

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

@@ -1,18 +1,4 @@
 import { MantineThemeOverride } from '@mantine/core';
 import { LOCALE } from "../../../interfaces/types";
 export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2';
-export declare const themeColors: {
-    hb: string[];
-    mb: string[];
-    blue: string[];
-    gray: string[];
-    neutral: string[];
-    green: string[];
-    pink: string[];
-    violet: string[];
-    yellow: string[];
-    teal: string[];
-    indigol: string[];
-    redViolet: string[];
-};
 export declare const getMantineThemeOverride: (locale: LOCALE, template?: 'hb' | 'mb') => MantineThemeOverride;

package/build/components/mantine/theme/radio.d.ts

@@ -1,15 +1,3 @@
 export declare const GlobalRadioStyle: {
-    Radio: {
-        styles: {
-            radio: {
-                '&:checked': {
-                    backgroundColor: string;
-                };
-                '&:hover': {
-                    border: string;
-                };
-                backgroundColor: string;
-            };
-        };
-    };
+    Radio: {};
 };

package/build/components/molecules/articleCard/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type Props = {
     banner: JSX.Element;
     title: string;

package/build/components/molecules/bmiForm/index.styled.d.ts

@@ -1,7 +1,48 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormDropDown: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    size: "lg" | "md" | "sm" | "xs";
+    children?: import("react").ReactNode;
+    color?: "primary" | "secondary" | "transparent" | "tertiary" | "ghost" | "danger" | "success";
+    theme?: "helloSites" | "marryBaby";
+    isDisabled?: boolean;
+    isBlock?: boolean;
+    title?: string;
+    className?: string;
+    icon?: JSX.Element;
+    iconPosition?: "left" | "right";
+    isLoading?: boolean;
+    loadingText?: string;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    dataProductChannel?: string;
+    dataProductSku?: string;
+    dataProductBrand?: string;
+    dataProductName?: string;
+    dataProductPrice?: string;
+    dataProductCategory?: string;
+    dataProductPosition?: string;
+    type?: "button" | "submit" | "reset";
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledContainer: 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 FormControl: 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 FormDropDown: 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 StyledRow: 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/molecules/bmrForm/index.styled.d.ts

@@ -1,6 +1,44 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    size: "lg" | "md" | "sm" | "xs";
+    children?: import("react").ReactNode;
+    color?: "primary" | "secondary" | "transparent" | "tertiary" | "ghost" | "danger" | "success";
+    theme?: "helloSites" | "marryBaby";
+    isDisabled?: boolean;
+    isBlock?: boolean;
+    title?: string;
+    className?: string;
+    icon?: JSX.Element;
+    iconPosition?: "left" | "right";
+    isLoading?: boolean;
+    loadingText?: string;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    dataProductChannel?: string;
+    dataProductSku?: string;
+    dataProductBrand?: string;
+    dataProductName?: string;
+    dataProductPrice?: string;
+    dataProductCategory?: string;
+    dataProductPosition?: string;
+    type?: "button" | "submit" | "reset";
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledContainer: 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 FormControl: 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 StyledRow: 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/molecules/carousel/index.styled.d.ts

@@ -1,8 +1,18 @@
+/// <reference types="react" />
 type CarouselProps = {
     row: number;
     column: number;
 };
-export declare const StyledArrow: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledDot: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledCarousel: import("styled-components").StyledComponent<"div", any, CarouselProps, never>;
+export declare const StyledArrow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledDot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledCarousel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & CarouselProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/components/molecules/categoryCard/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type Props = {
     imgBanner: ReactElement;
     label: string;

package/build/components/molecules/categoryCard/index.styled.d.ts

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

package/build/components/molecules/checkboxGroup/index.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledCheckboxGroup: 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/molecules/cookieAcceptConfirm/index.styled.d.ts

@@ -1,9 +1,27 @@
-import { StyledComponent } from 'styled-components';
-export declare const StyledAcceptCardContainer: StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleSection: StyledComponent<"p", any, {}, never>;
-export declare const StyledDescription: StyledComponent<"p", any, {}, never>;
-export declare const StyledButtonGroup: StyledComponent<"div", any, {}, never>;
-export declare const StyledAcceptButton: StyledComponent<'div', any, {
+/// <reference types="react" />
+export declare const StyledAcceptCardContainer: 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 StyledTitleSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledDescription: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const StyledButtonGroup: 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 StyledAcceptButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     on?: string;
-}, never>;
-export declare const StyledPoliciesButton: StyledComponent<"a", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPoliciesButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/build/components/molecules/datePicker/index.styled.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledPickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCaptionWrapper: import("styled-components").StyledComponent<"form", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledPickerContainer: 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 StyledCaptionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;

package/build/components/molecules/dateRangePicker/calendar/index.styled.d.ts

@@ -1,13 +1,61 @@
-export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarCellsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarHead: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarDaysOfWeek: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarDayLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarMonthSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarDaysWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarMonthWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarDateGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarDayNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarDayNumber: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledCalendarWrapper: 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 StyledCalendarCellsWrapper: 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 StyledCalendarHead: 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 StyledCalendarGrid: 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 StyledCalendarDaysOfWeek: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledCalendarCell: 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 StyledCalendarDayLabel: 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 StyledCalendarMonthSeparator: 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 StyledCalendarDaysWrapper: 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 StyledCalendarMonthWrapper: 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 StyledCalendarDateGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledCalendarDayNumberWrapper: 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 StyledCalendarDayNumber: 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/molecules/dateRangePicker/index.styled.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledWrapper: 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 StyledCalendarWrapper: 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/molecules/dropdown/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 export type Option = {
     label: string | JSX.Element;
     value: string | Date | number;

package/build/components/molecules/dropdown/index.styled.d.ts

@@ -1,12 +1,19 @@
-export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, {
-    color?: string;
-    shadowColor?: string;
-}, never>;
-export declare const StyledDropdownName: import("styled-components").StyledComponent<"div", any, {
-    color?: string;
-    shadowColor?: string;
-}, never>;
-export declare const StyledDropdownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledDropdownOption: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownName: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledDropdownOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledIcon: 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 StyledDropdownLabel: 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/molecules/dropdownSearch/index.styled.d.ts

@@ -1,8 +1,28 @@
 /// <reference types="react" />
-export declare const StyledSearchIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const StyledDropdownSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledDropdownOption: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPureInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "ref" | "onChange" | "size" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput/index").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSearchIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledDropdownSearch: 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 StyledDropdownName: 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 StyledDropdownList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledDropdownOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledIcon: 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 StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "size" | "autoComplete" | "type" | "onChange" | "enterKeyHint"> & import("../../atoms/pureInput/index").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/molecules/dueDateCalculator/index.styled.d.ts

@@ -1,6 +1,33 @@
-export declare const StyledMethodContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMethodSwitcherContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLastPeriodFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledScrollLinkContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledImageIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const StyledDuoDateImageIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledMethodContainer: 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 StyledMethodSwitcherContainer: 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 StyledLastPeriodFormContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledScrollLinkContainer: 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 StyledImageIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledDuoDateImageIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.styled.d.ts

@@ -1,10 +1,17 @@
 /// <reference types="react" />
-export declare const StyledBabyGrowthWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleForm: import("styled-components").StyledComponent<({ onSubmit, onError, schema, siteType, }: {
+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 StyleForm: import("@emotion/styled").StyledComponent<{
     className?: string;
     onSubmit: (value: import("../../../../interfaces/types").BabyGrowthFormField) => void;
     onError: import("react-hook-form").SubmitErrorHandler<import("../../../../interfaces/types").BabyGrowthFormField>;
     schema?: any;
     siteType?: import("../../../../interfaces/types").SiteType;
-}) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledToolsBannerCard: import("styled-components").StyledComponent<({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: import("../../toolBannerCard").Props) => import("react").JSX.Element, any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledToolsBannerCard: import("@emotion/styled").StyledComponent<import("../../toolBannerCard").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/molecules/embeddedHeathToolCards/baby-poop/index.styled.d.ts

@@ -1,21 +1,52 @@
-export declare const parsedContentStyle: import("styled-components").FlattenSimpleInterpolation;
-export declare const StyledBabyPoopContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyPoopListItem: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const parsedContentStyle: import("@emotion/utils").SerializedStyles;
+export declare const StyledBabyPoopContainer: 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 StyledBabyPoopListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     backgroundColor: string;
     borderColor: string;
-}, never>;
-export declare const StyledBabyPoopSignatureColorBar: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyPoopSignatureColorBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     signatureColor: string;
     width: number | string;
-}, never>;
-export declare const StyledBabyPoopHeader: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyPoopHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     backgroundImage?: string;
-}, never>;
-export declare const StyledBabyPoopHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyPoopHeaderContentText: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyPoopHeaderContent: 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 StyledBabyPoopHeaderContentText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     isSponsored?: boolean;
-}, never>;
-export declare const StyledBabyPoopHeaderContentImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const StyledBabyPoopHeaderReview: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyPoopIntroduceParsedContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBabyPoopInnerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBabyPoopHeaderContentImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const StyledBabyPoopHeaderReview: 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 StyledBabyPoopIntroduceParsedContent: 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 StyledBabyPoopInnerContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;