@hhgtech/hhg-components 1.28.90 → 1.29.0

package/build/care/components/organisms/bookingSearchBar/searchInputs/index.styled.d.ts

@@ -1,8 +1,27 @@
 /// <reference types="react" />
-export declare const StyledSearchBarInputsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputLocationWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledInputSearchWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledClearIcon: import("styled-components").StyledComponent<({ className, color }: {
+export declare const StyledSearchBarInputsWrapper: 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 StyledInputLocationWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledInputSearchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledClearIcon: import("@emotion/styled").StyledComponent<{
     className?: string;
     color?: string;
-}) => import("react").JSX.Element, any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBarV2/index.styled.d.ts

@@ -1,5 +1,16 @@
 /// <reference types="react" />
-export declare const StyledSearchBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleWrapperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleSearchInputContainer: import("styled-components").StyledComponent<({ children, className, style, type }: import("../../../../components/atoms/container").Props) => import("react").JSX.Element, any, {}, never>;
-export declare const StyleSearchContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSearchBarWrapper: 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 StyleWrapperContainer: 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 StyleSearchInputContainer: import("@emotion/styled").StyledComponent<import("../../../../components/atoms/container").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyleSearchContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV2/searchInputs/index.styled.d.ts

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

package/build/care/components/organisms/bookingSearchBarV2/searchLocation/index.styled.d.ts

@@ -1,10 +1,21 @@
 /// <reference types="react" />
-export declare const StyleSearchLocationWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleResultWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLocationItem: import("styled-components").StyledComponent<"li", any, {
+export declare const StyleSearchLocationWrapper: 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 StyleResultWrapper: 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 StyledLocationItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     isSelected?: boolean;
-}, never>;
-export declare const StyledPinIcon: import("styled-components").StyledComponent<({ className, color }: {
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledPinIcon: import("@emotion/styled").StyledComponent<{
     className?: string;
     color?: string;
-}) => import("react").JSX.Element, any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBarV2/searchResult/index.styled.d.ts

@@ -1,5 +1,21 @@
-export declare const StyledSearchResultWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleResultHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleResultBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleResultItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleResultFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledSearchResultWrapper: 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 StyleResultHeader: 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 StyleResultBody: 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 StyleResultItem: 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 StyleResultFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV2/searchResultSpecialties/index.styled.d.ts

@@ -1,5 +1,16 @@
 /// <reference types="react" />
-export declare const StyleSpecialtiesWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleSpecialtyItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleDivider: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").DividerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyleShowMore: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyleSpecialtiesWrapper: 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 StyleSpecialtyItem: 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 StyleDivider: import("@emotion/styled").StyledComponent<import("@mantine/core").DividerProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyleShowMore: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV2/searchSpecialty/index.styled.d.ts

@@ -1,5 +1,15 @@
-export declare const StyleSearchSpecialtyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleResultWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSpecialtyItem: import("styled-components").StyledComponent<"li", any, {
+/// <reference types="react" />
+export declare const StyleSearchSpecialtyWrapper: 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 StyleResultWrapper: 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 StyledSpecialtyItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     isSelected?: boolean;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV2/searchTag/index.styled.d.ts

@@ -1,3 +1,13 @@
-export declare const StyleSearchTagWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleTagItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleTagLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyleSearchTagWrapper: 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 StyleTagItem: 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 StyleTagLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV2/tabSearch/index.styled.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-export declare const StyledTabWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyleTabContainer: import("styled-components").StyledComponent<({ children, className, style, type }: import("../../../../../components/atoms/container").Props) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledTabWrapper: 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 StyleTabContainer: import("@emotion/styled").StyledComponent<import("../../../../../components/atoms/container").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care.js

@@ -2,32 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var types = require('./types-33652d2d.js');
-var constants = require('./constants-c77c4951.js');
-require('./tslib.es6-392c33ef.js');
+var types = require('./types-e5f746a7.js');
+var constants = require('./constants-250b719a.js');
+require('./tslib.es6-abc4f50e.js');
 require('react');
-require('./useTranslations-8c9d0e6e.js');
-require('./translationsContext-fca91ed8.js');
+require('@emotion/react');
+require('./useTranslations-cd50ad36.js');
+require('./translationsContext-2fd3cf64.js');
 require('string-format');
 require('lodash/debounce');
-require('./index-947691b8.js');
+require('@emotion/styled');
+require('./index-7471b9a3.js');
 require('@mantine/core');
-require('styled-components');
-require('./index-98f60aca.js');
-require('./theme-233277ec.js');
+require('./index-d0f305cc.js');
+require('./utils-2531ee99.js');
+require('./theme-8f3eba82.js');
 require('lodash/shuffle');
-require('./useOutsideClick-e10fd3ee.js');
-require('./utils-901042d2.js');
+require('./useOutsideClick-f81b5339.js');
 require('react-loading-skeleton');
-require('./paths-70300ef0.js');
-require('./index-c25ef1b4.js');
+require('./paths-6880b84e.js');
+require('./index-2522521c.js');
 require('date-fns/locale');
-require('./Subot-626a515d.js');
-require('./isProduction-4698d5d0.js');
-require('./cookieHelper-e2aa0a24.js');
-require('./index-56e8ce4f.js');
+require('./Subot-ee808a83.js');
+require('./isProduction-f02c8ad3.js');
+require('./cookieHelper-fa491ff1.js');
+require('./index-31aefbbb.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-1ffbff57.js');
+require('./ChevronDown-8dceca24.js');
 
 
 

package/build/components/atoms/avatar/index.styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type StyledAvatarProps = {
     size?: number;
     backgroundColor?: string;
@@ -5,4 +6,7 @@ export type StyledAvatarProps = {
     width?: number;
     height?: number;
 };
-export declare const StyledAvatar: import("styled-components").StyledComponent<"div", any, StyledAvatarProps, never>;
+export declare const StyledAvatar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & StyledAvatarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/backdrop/index.styled.d.ts

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NotificationType, NotificationSize, NotificationColor } from "./";
 type StyledProps = {
     notificationType: NotificationType;
@@ -5,5 +6,8 @@ type StyledProps = {
     notificationColor?: NotificationColor;
     hasIcon: boolean;
 };
-export declare const StyledBadge: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & StyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/components/atoms/borderHeading/index.styled.d.ts

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

package/build/components/atoms/btnChoice/index.styled.d.ts

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

package/build/components/atoms/checkbox/index.styled.d.ts

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

@@ -1,4 +1,8 @@
-export declare const StyledDisplayWrapper: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledDisplayWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     lowerBound: number;
     upperBound: number;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/divider/index.styled.d.ts

@@ -1,4 +1,8 @@
+/// <reference types="react" />
 import { BorderTypes } from "./";
-export declare const StyledDivider: import("styled-components").StyledComponent<"hr", any, {
+export declare const StyledDivider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     dividerType: BorderTypes;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;

package/build/components/atoms/drawer/helpers.d.ts

@@ -1,2 +1,2 @@
 import { Placement } from "./";
-export declare const generateStyleBasedOnPlacement: (placement: Placement, open: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const generateStyleBasedOnPlacement: (placement: Placement, open: boolean) => import("@emotion/utils").SerializedStyles;

package/build/components/atoms/drawer/index.styled.d.ts

@@ -1,10 +1,20 @@
+/// <reference types="react" />
 import { Placement } from "./";
-export declare const StyledDrawer: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledDrawer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     open: boolean;
-}, never>;
-export declare const StyledDrawerPanel: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDrawerPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     placement: Placement;
     open: boolean;
     hasTitle: boolean;
-}, never>;
-export declare const StyledDrawerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDrawerContent: 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/atoms/dropdownMB/index.styled.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const StyledDropDown: import("styled-components").StyledComponent<({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: import("../../molecules/dropdown").Props) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledDropDown: import("@emotion/styled").StyledComponent<import("../../molecules/dropdown").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/atoms/fileDropdown/index.styled.d.ts

@@ -1,5 +1,21 @@
-export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledDropdownOption: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDropdownList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledDropdownOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/atoms/grid/index.styled.d.ts

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

@@ -1,7 +1,20 @@
-export declare const StyledInput: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     color?: string;
     shadowColor?: string;
-}, never>;
-export declare const StyledErrorLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const StyledActionIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDisplayIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledErrorLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledActionIcon: 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 StyledDisplayIcon: 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/atoms/inputMB/index.styled.d.ts

@@ -1,3 +1,27 @@
 /// <reference types="react" />
-export declare const StyledPureInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "size" | "autoComplete" | "type" | "onChange" | "enterKeyHint" | "ref"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledTextField: import("styled-components").StyledComponent<({ name, value, errorMessage, isNumerousKeyboard, showErrorMessage, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete, type, inputClassName, trackingAttributes, enterKeyHint, ...rest }: import("../input").Props) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "size" | "autoComplete" | "type" | "onChange" | "enterKeyHint" | "ref"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
+    value: string;
+    name: string;
+    size: "lg" | "md" | "sm";
+    readOnly?: boolean;
+    isNumerousKeyboard?: boolean;
+    autoComplete?: "on" | "off";
+    errorMessage?: string;
+    showErrorMessage?: boolean;
+    actionIcon?: JSX.Element;
+    onActionClick?: () => void;
+    displayIcon?: JSX.Element;
+    label?: string | JSX.Element;
+    onChange?: (v: string) => void;
+    isDisabled?: boolean;
+    CustomInput?: JSX.Element;
+    type?: "number" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    inputClassName?: string;
+    trackingAttributes?: import("../../../care/components/organisms/bookingSearchBar/types").GATrackingCode;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
+} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "onChange" | "name" | "value"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/atoms/logo/index.styled.d.ts

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

package/build/components/atoms/marryBabyText/index.styled.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-export declare const StyledHeading: import("styled-components").StyledComponent<({ type, ...elementProps }: {
+export declare const StyledHeading: import("@emotion/styled").StyledComponent<{
     [elementProps: string]: JSX.Element | React.ReactNode | JSX.Element[];
     type: string;
     className?: string;
-}) => React.ReactElement<{
-    [elementProps: string]: JSX.Element | React.ReactNode | JSX.Element[];
-    className?: string;
-}, string | React.JSXElementConstructor<any>>, any, {}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<"p", any, {}, never>;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/build/components/atoms/menu/index.styled.d.ts

@@ -1,4 +1,11 @@
-export declare const StyledMenu: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     width: number;
-}, never>;
-export declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/build/components/atoms/pagination/index.styled.d.ts

@@ -1,3 +1,13 @@
-export declare const StyledPagination: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPageBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPaginationBlock: import("styled-components").StyledComponent<"li", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledPagination: 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 StyledPageBlock: 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 StyledPaginationBlock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/build/components/atoms/pill/index.styled.d.ts

@@ -1,9 +1,16 @@
+/// <reference types="react" />
 type IconContainerProps = {
     iconSize?: number;
     size?: number;
     backgroundColor?: string;
     borderRadius?: string;
 };
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, IconContainerProps, never>;
-export declare const StyledPillContainer: 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>;
+} & IconContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPillContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/components/atoms/pureInput/index.styled.d.ts

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

@@ -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>, {}>;