@hhgtech/hhg-components 1.26.0 → 1.26.1

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

@@ -1,9 +1,35 @@
+/// <reference types="react" />
+import { ThemeProps } from "../../../misc";
 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>;
+} & ThemeProps, 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

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

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

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

package/build/components/molecules/languageSwitcher/tooltipSelection/index.styled.d.ts

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

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

@@ -1,5 +1,19 @@
-export declare const _StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from 'misc/theme';
+export declare const _StyledModal: 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 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>;
+export declare const StyledModal: 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 StyledModalWrapper: 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 StyledModalMask: 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/pillCarousel/index.styled.d.ts

@@ -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("../../../interfaces/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

@@ -1,2 +1,10 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledPopup: 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 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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,18 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledStatisticContainer: 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 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>;
+} & ThemeProps, 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>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,22 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledSurveyQuestionCard: 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 StyledSurveyRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+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>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,8 +1,8 @@
 import React from 'react';
+import { CSSProperties } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { TextSize } from 'components/atoms/text';
 import { TextProps } from "../../mantine";
-import { CSSProperties } from 'styled-components';
 import useStyles from './index.styles';
 import { DataTrackingType } from '../../../interfaces/types';
 type TabContent = {

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

@@ -1,4 +1,18 @@
-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" />
+import { ThemeProps } from 'misc/theme';
+export declare const StyledTabs: 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 StyledTab: 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 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

@@ -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 StyledTHRGender: import("styled-components").StyledComponent<"div", 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 StyledTHRGender: 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 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/toolBannerCard/index.styled.d.ts

@@ -1,24 +1,71 @@
-export declare const StyledHeadingWithReviewedStatus: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMedicalReviewed: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const _StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+import { ThemeProps } from "../../../misc/theme";
+export declare const StyledHeadingWithReviewedStatus: 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 StyledTextContainer: 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 StyledMedicalReviewed: 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 _StyledIconContainer: 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 StyledIconContainerClass = "hhgcomp-toolbanner-iconcontainer";
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const _StyledInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledIconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledHeading: 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 _StyledInner: 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 StyledInnerClass = "hhgcomp-toolbanner-inner";
-export declare const StyledInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const _StyledWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledInner: 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 _StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     'data-banner-url'?: string;
     'data-banner-color'?: string;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledWrapperClass = "hhgcomp-toolbanner-wrapper";
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     'data-banner-url'?: string;
     'data-banner-color'?: 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").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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>, {}>;