npm - @hhgtech/hhg-components - Versions diffs - 1.26.0 → 1.26.1 - Mend

@hhgtech/hhg-components 1.26.0 → 1.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (443) hide show

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

@@ -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/molecules/articleCard/index.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,7 +1,49 @@
 /// <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>;
+import { ThemeProps } from "../../../misc/theme";
+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>;
+} & ThemeProps, 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,8 +1,19 @@
+/// <reference types="react" />
+import { ThemeProps } from "../../../misc/theme";
 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -1,9 +1,28 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledAcceptCardContainer: 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 StyledTitleSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps & {
     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>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

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

@@ -1,2 +1,10 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledPickerContainer: 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 StyledCaptionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;

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

@@ -1,13 +1,62 @@
-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" />
+import { ThemeProps } from "../../../../misc/theme";
+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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/dateRangePicker/index.styled.d.ts CHANGED Viewed

@@ -1,2 +1,10 @@
-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" />
+import { ThemeProps } from "../../../misc/theme";
+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>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/dropdown/index.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,12 +1,20 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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 CHANGED Viewed

@@ -1,8 +1,29 @@
 /// <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>;
+import { ThemeProps } from 'misc/theme';
+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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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" | "onChange" | "size" | "autoComplete" | "type" | "enterKeyHint"> & import("../../atoms/pureInput/index").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -1,6 +1,34 @@
-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" />
+import { ThemeProps } from "../../../misc/theme";
+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>;
+} & ThemeProps, 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;
+} & ThemeProps, {}, {}>;
+export declare const StyledScrollLinkContainer: 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 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 CHANGED Viewed

@@ -1,10 +1,18 @@
 /// <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, }: {
+import { ThemeProps } from "../../../../misc";
+export declare const StyledBabyGrowthWrapper: 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 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 CHANGED Viewed

@@ -1,21 +1,53 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+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, {
+} & ThemeProps, 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, {
+} & ThemeProps, 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, 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>, {}>;

package/build/components/molecules/embeddedHeathToolCards/index.styled.d.ts CHANGED Viewed

@@ -1,6 +1,18 @@
 /// <reference types="react" />
-export declare const _StyledContent: import("styled-components").StyledComponent<"form", any, {}, never>;
+import { ThemeProps } from "../../../misc";
+export declare const _StyledContent: 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 StyledContentClass = "hhgcomp-embedtoolcard-content";
-export declare const StyledContent: import("styled-components").StyledComponent<"form", any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../radioGroup").Props & import("react").RefAttributes<import("../radioGroup").ResetHandle>>, any, {}, never>;
+export declare const StyledContent: 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 StyledContainer: 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 StyledRadioGroup: import("@emotion/styled").StyledComponent<import("../radioGroup").Props & import("react").RefAttributes<import("../radioGroup").ResetHandle> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/molecules/floatButtonGroup/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSSProperties } from 'styled-components';
+import { CSSProperties } from 'react';
 type Item = {
     value?: string | number;
     label: string;