@hhgtech/hhg-components 1.26.1 → 1.26.3

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

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

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

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

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

@@ -1,6 +1 @@
-/// <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>, {}>;
+export declare const StyledIconText: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1 @@
-/// <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>, {}>;
+export declare const StyledLanguageChangeLink: import("styled-components").StyledComponent<"a", any, {}, never>;

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

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

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

@@ -1,22 +1,5 @@
-/// <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>, {}>;
+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>;

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

@@ -1,24 +1,8 @@
-/// <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>;
-} & {
+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, {
     on?: string;
-}, 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>, {}>;
+}, 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>;

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

@@ -1,19 +1,5 @@
-/// <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 _StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledModalClass = "hhgcomp-modal-modal";
-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>, {}>;
+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>;

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

@@ -1,25 +1,4 @@
 /// <reference types="react" />
-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;
-}, {}, {}>;
+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>;

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

@@ -1,10 +1,2 @@
-/// <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>, {}>;
+export declare const StyledPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPopupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,50 +1,12 @@
-/// <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>, {}>;
+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>;

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

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

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

@@ -1,10 +1,2 @@
-/// <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>, {}>;
+export declare const StyledRadioImageGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledRadioImageItem: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1 @@
-/// <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>, {}>;
+export declare const StyledScrollList: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1 @@
-/// <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>, {}>;
+export declare const StyledShareContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,7 +1,2 @@
 /// <reference types="react" />
-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, {}, {}>;
+export declare const StyledShareDrawer: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/drawer").DrawerProps>, any, {}, never>;

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

@@ -1,17 +1,4 @@
-/// <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>, {}>;
+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>;

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

@@ -1,18 +1,4 @@
-/// <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>, {}>;
+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>;

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

@@ -1,22 +1,4 @@
-/// <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>, {}>;
+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>;

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,18 +1,4 @@
-/// <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>, {}>;
+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>;

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

@@ -1,48 +1,7 @@
 /// <reference types="react" />
-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>, {}>;
+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>;