npm - @hhgtech/hhg-components - Versions diffs - 1.28.91 → 1.29.1 - Mend

@hhgtech/hhg-components 1.28.91 → 1.29.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 (656) hide show

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

@@ -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("../../../../types").BabyGrowthFormField) => void;
     onError: import("react-hook-form").SubmitErrorHandler<import("../../../../types").BabyGrowthFormField>;
     schema?: any;
     siteType?: import("../../../../types").SiteType;
-}) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledToolsBannerCard: import("styled-components").StyledComponent<({ className, heading, color, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, 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/index.styled.d.ts CHANGED Viewed

@@ -1,6 +1,17 @@
 /// <reference types="react" />
-export declare const _StyledContent: import("styled-components").StyledComponent<"form", any, {}, never>;
-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("react").ForwardRefExoticComponent<Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement | import("react").Component<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement>, any, any>>> & {
+    classSelector: string;
+};
+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 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.styled.d.ts CHANGED Viewed

@@ -1,9 +1,34 @@
+/// <reference types="react" />
 export declare const TRANSITION_TIMING = 200;
-export declare const StyledFloatButtonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupBackgroundPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupItemsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupToggleIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFloatButtonGroupButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFloatButtonGroup: 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 StyledFloatButtonGroupBackgroundPanel: 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 StyledFloatButtonGroupContent: 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 StyledFloatButtonGroupItemsWrapper: 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 StyledFloatButtonGroupToggleIcon: 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 StyledFloatButtonGroupButton: 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 StyledFloatButtonGroupButtonLabel: 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 StyledFloatButtonGroupButtonIcon: 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/iconText/index.styled.d.ts CHANGED Viewed

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

@@ -1 +1,5 @@
-export declare const StyledLanguageChangeLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledLanguageChangeLink: 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/languageSwitcher/tooltipSelection/index.styled.d.ts CHANGED Viewed

@@ -1,5 +1,21 @@
-export declare const StyledSelectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSelectionLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleSelectionPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledOption: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPopupBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledSelectionContainer: 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 StyledSelectionLabel: 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 StyleSelectionPopup: 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 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 StyledPopupBackground: 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/mobileBottomNavigation/index.styled.d.ts CHANGED Viewed

@@ -1,8 +1,24 @@
-export declare const slideOutDown: import("styled-components").Keyframes;
-export declare const StyledMobileBottomNavigationIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMobileBottomNavigation: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const slideOutDown: import("@emotion/serialize").Keyframes;
+export declare const StyledMobileBottomNavigationIcon: 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 StyledMobileBottomNavigation: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     on?: string;
-}, never>;
-export declare const StyledBadge: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledMobileBottomArticleNavigationProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMobileHorizonNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBadge: 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 StyledMobileBottomArticleNavigationProgress: 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 StyledMobileHorizonNavigation: 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/modal/index.styled.d.ts CHANGED Viewed

@@ -1,5 +1,18 @@
-export declare const _StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalClass = "hhgcomp-modal-modal";
-export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalMask: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledModal: import("react").ForwardRefExoticComponent<Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | import("react").Component<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, any>>> & {
+    classSelector: string;
+};
+export declare const StyledModalWrapper: 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 StyledModalMask: 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/pillCarousel/index.styled.d.ts CHANGED Viewed

@@ -1,4 +1,25 @@
 /// <reference types="react" />
-export declare const StyledPill: import("styled-components").StyledComponent<({ icon, name, className, locale, dataEventCategory, dataEventAction, dataEventLabel, onSelect, ...rest }: import("../../atoms/pill").PillProps) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledSlide: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
-export declare const StyledCarousel: import("styled-components").StyledComponent<import("../../mantine/CentralCarousel").CompoundedComponent, any, {}, never>;
+export declare const StyledPill: import("@emotion/styled").StyledComponent<{
+    icon?: string;
+    name: string;
+    locale?: import("../../../types").LocaleType;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    onSelect?: () => void;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledSlide: import("@emotion/styled").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any>;
+}>;
+export declare const StyledCarousel: import("@emotion/styled").StyledComponent<{
+    maxBlurOpacity?: number;
+    blurFromCenter?: boolean;
+    blurFromIndex?: number;
+    blurLength?: number;
+    selectSlideWhenClick?: boolean;
+    onSlideChange?: (index: number) => void;
+} & import("@mantine/carousel").CarouselProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

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

@@ -1,12 +1,49 @@
-export declare const StyledSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledStep: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTrackContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTrack: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledStepLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBreadcrumbContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBreadcrumbWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDetailStep: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDetailStepIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDetailStepIndicatorExternal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDetailStepLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDetailStepDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledSlider: 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 StyledStep: 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 StyledTrackContainer: 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 StyledTrack: 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 StyledStepLabel: 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 StyledBreadcrumbContainer: 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 StyledBreadcrumbWrapper: 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 StyledDetailStep: 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 StyledDetailStepIndicator: 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 StyledDetailStepIndicatorExternal: 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 StyledDetailStepLabel: 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 StyledDetailStepDescription: 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/radioImageGroupForTool/index.styled.d.ts CHANGED Viewed

@@ -1,2 +1,9 @@
-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" />
+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>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export declare const StyledShareDrawer: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/drawer").DrawerProps>, any, {}, never>;
+export declare const StyledShareDrawer: import("@emotion/styled").StyledComponent<import("../../atoms/drawer").DrawerProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -1,4 +1,17 @@
-export declare const StyledStarsRatingTable: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const StyledSingleRatingWrapper: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const StyledSingleRatingLabel: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const StyledSingleRatingProgressWrapper: import("styled-components").StyledComponent<"td", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledStarsRatingTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const StyledSingleRatingWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const StyledSingleRatingLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const StyledSingleRatingProgressWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

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

@@ -1,4 +1,17 @@
-export declare const StyledStatisticContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDot: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledStatisticNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledStatisticContainer: 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 StyledDot: 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 StyledDescriptionWrapper: 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 StyledStatisticNumberWrapper: 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/surveyQuestionCard/index.styled.d.ts CHANGED Viewed

@@ -1,4 +1,17 @@
-export declare const StyledSurveyQuestionCard: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSurveyRadio: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSurveyThankyouCard: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSurveyQuestionContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledSurveyQuestionCard: 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 StyledSurveyRadio: 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 StyledSurveyThankyouCard: 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 StyledSurveyQuestionContent: 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/tabs/index.styled.d.ts CHANGED Viewed

@@ -1,4 +1,17 @@
-export declare const StyledTabs: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledTab: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledTabContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledTabs: 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 StyledTab: 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 StyledTabContent: 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 StyledIcon: 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/thrForm/index.styled.d.ts CHANGED Viewed

@@ -1,5 +1,20 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<(props: import("../../mantine").ButtonProps) => import("react").JSX.Element, 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<{
+    variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
+    skipHover?: boolean;
+    theme?: "helloSites" | "marryBaby";
+} & Omit<import("@mantine/core").ButtonProps, "variant"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../types").DataTrackingType & {
+    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/toolBannerCard/index.styled.d.ts CHANGED Viewed

@@ -1,18 +1,40 @@
+/// <reference types="react" />
 export declare const StyledIconContainerClass = "hhgcomp-toolbanner-iconcontainer";
 export declare const StyledInnerClass = "hhgcomp-toolbanner-inner";
-export declare const _StyledWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledWrapper: import("react").ForwardRefExoticComponent<Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     'data-banner-url'?: string;
     'data-banner-color'?: string;
     bgColor: string;
-}, never>;
-export declare const StyledWrapperClass = "hhgcomp-toolbanner-wrapper";
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | import("react").Component<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     'data-banner-url'?: string;
     'data-banner-color'?: string;
     bgColor: string;
-}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapEmbedded: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeadingMB: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMedicalReviewedMB: import("styled-components").StyledComponent<"div", any, {}, never>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, any>>> & {
+    classSelector: string;
+};
+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 StyledWrapEmbedded: 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 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 StyledHeadingMB: 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 StyledMedicalReviewedMB: 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/weightGainForm/index.styled.d.ts CHANGED Viewed

@@ -1,6 +1,25 @@
-export declare const StyledTwins: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputForm: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSubmitButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFormInput: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledActive: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledTwins: 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 StyledInputForm: 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 StyledSubmitButton: 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 StyledInputWrapper: 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 StyledFormInput: 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 StyledActive: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;