@hhgtech/hhg-components 1.29.445 → 1.29.446-beta-2

package/build/care.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-1444c458.js');
-var constants = require('./constants-b0bbf10e.js');
-var types = require('./types-ebb3d575.js');
-require('./tslib.es6-77827ae2.js');
+var index = require('./index-d7f96575.js');
+var constants = require('./constants-f4a7dc23.js');
+var types = require('./types-c36a3b9e.js');
+require('./tslib.es6-e9857d16.js');
 require('react');
 require('@emotion/react');
-require('./utils-e2e67ae4.js');
-require('./index-dc631b98.js');
+require('./utils-17a28cb6.js');
+require('./index-9cbf8c8a.js');
 require('date-fns/locale');
-require('./index-547c8af7.js');
-require('./Locale-46d44b30.js');
+require('./index-f21a41b4.js');
+require('./Locale-9127c9c2.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,22 +22,22 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-88a3614b.js');
+require('./utils-9b70ff85.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-5b4e93f8.js');
-require('./translationsContext-f6d0701e.js');
+require('./index-9a8c49c0.js');
+require('./translationsContext-58bed50e.js');
 require('lodash/debounce');
-require('./index-fd2bb937.js');
+require('./index-e94e7bca.js');
 require('@mantine/core');
-require('./index-705f25ba.js');
-require('./text-9542ed5a.js');
+require('./index-446f6b08.js');
+require('./text-c7455f24.js');
 require('lodash/shuffle');
-require('./useOutsideClick-e306374d.js');
-require('./paths-ddf30d39.js');
-require('./index-50753bb6.js');
+require('./useOutsideClick-6da5bce5.js');
+require('./paths-350118f5.js');
+require('./index-9eb10190.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-97d6e0b9.js');
+require('./ChevronDown-ec74a514.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-e2e67ae4.js');
-var index$1 = require('./index-5b4e93f8.js');
+var utils = require('./utils-17a28cb6.js');
+var index$1 = require('./index-9a8c49c0.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-b0bbf10e.js');
+var constants = require('./constants-f4a7dc23.js');
 var styled = require('@emotion/styled');
-var index = require('./index-fd2bb937.js');
-var index$2 = require('./index-705f25ba.js');
+var index = require('./index-e94e7bca.js');
+var index$2 = require('./index-446f6b08.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-e306374d.js');
-var utils$1 = require('./utils-88a3614b.js');
+var useOutsideClick = require('./useOutsideClick-6da5bce5.js');
+var utils$1 = require('./utils-9b70ff85.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-ddf30d39.js');
-require('./index-dc631b98.js');
+var paths = require('./paths-350118f5.js');
+require('./index-9cbf8c8a.js');
 require('date-fns/locale');
-require('./index-547c8af7.js');
-require('./Locale-46d44b30.js');
+require('./index-f21a41b4.js');
+require('./Locale-9127c9c2.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-f6d0701e.js');
+require('./translationsContext-58bed50e.js');
 require('@mantine/core');
-require('./text-9542ed5a.js');
+require('./text-c7455f24.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-e2e67ae4.js');
-var useOutsideClick = require('./useOutsideClick-e306374d.js');
-var index$1 = require('./index-5b4e93f8.js');
+var utils$1 = require('./utils-17a28cb6.js');
+var useOutsideClick = require('./useOutsideClick-6da5bce5.js');
+var index$1 = require('./index-9a8c49c0.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-b0bbf10e.js');
+var constants = require('./constants-f4a7dc23.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-88a3614b.js');
-var index = require('./index-50753bb6.js');
+var utils = require('./utils-9b70ff85.js');
+var index = require('./index-9eb10190.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-705f25ba.js');
-var ChevronDown = require('./ChevronDown-97d6e0b9.js');
-var paths = require('./paths-ddf30d39.js');
-require('./index-dc631b98.js');
+var index$2 = require('./index-446f6b08.js');
+var ChevronDown = require('./ChevronDown-ec74a514.js');
+var paths = require('./paths-350118f5.js');
+require('./index-9cbf8c8a.js');
 require('date-fns/locale');
-require('./index-547c8af7.js');
-require('./Locale-46d44b30.js');
+require('./index-f21a41b4.js');
+require('./Locale-9127c9c2.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-f6d0701e.js');
-require('./tslib.es6-77827ae2.js');
-require('./text-9542ed5a.js');
+require('./translationsContext-58bed50e.js');
+require('./tslib.es6-e9857d16.js');
+require('./text-c7455f24.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1160,28 +1160,8 @@ const StyleTabContainer = styled__default["default"](index.Container) `
   padding: 0 16px;
 `;
 
-const itemTabs = () => {
+const TabSearch = ({ currentTab, hideTabBookingSearch = [], hideSpecialtyTab, isMobile, setCurrentTab, }) => {
     const { t } = index$1.useTranslations();
-    return [
-        {
-            value: 'hospital',
-            label: t('booking.searchPopup.hospitals'),
-        },
-        {
-            value: 'doctor',
-            label: t('booking.searchPopup.doctors'),
-        },
-        {
-            value: 'service',
-            label: t('booking.searchPopup.services'),
-        },
-        {
-            value: 'specialty',
-            label: t('booking.searchPopup.specialties'),
-        },
-    ];
-};
-const TabSearch = ({ currentTab, hideTabBookingSearch = [], isMobile, setCurrentTab, }) => {
     const stylesTabs = React.useMemo(() => {
         return {
             root: {
@@ -1252,7 +1232,28 @@ const TabSearch = ({ currentTab, hideTabBookingSearch = [], isMobile, setCurrent
             },
         };
     }, [isMobile]);
-    const tabConfig = itemTabs();
+    const tabConfig = React.useMemo(() => [
+        {
+            value: 'hospital',
+            label: t('booking.searchPopup.hospitals'),
+        },
+        {
+            value: 'doctor',
+            label: t('booking.searchPopup.doctors'),
+        },
+        {
+            value: 'service',
+            label: t('booking.searchPopup.services'),
+        },
+        ...(!hideSpecialtyTab
+            ? [
+                {
+                    value: 'specialty',
+                    label: t('booking.searchPopup.specialties'),
+                },
+            ]
+            : []),
+    ], [hideSpecialtyTab]);
     const activeTabs = React.useMemo(() => {
         return (tabConfig.filter((item) => !hideTabBookingSearch.includes(item.value)) ||
             []);
@@ -1498,7 +1499,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
 
 const BookingSearchBarV2 = ({ isMobile, careApiDomain, geoLocationPermission: geoLocationPermissionFromProps, geoLocationCoordinates: geoLocationCoordinatesFromProps, initialSelectedCity: initialSelectedCityFromProps, initialSearchValue = '', initTypeSearch = 'hospital', initSpecialty, careFrontDomain = '/care', isDebug = false, 
 // askForGeolocationPermission = false,
-gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', hideTabBookingSearch = [], hideSpecialtySelection = false, hidePopularSearchKeys = false, clientSlug = '', 
+gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', hideTabBookingSearch = [], hideSpecialtySelection = false, hideSpecialtyTab = false, hidePopularSearchKeys = false, clientSlug = '', 
 // isOptionAllLocation = false,
 // hideResults = [],
 // isNavResultItem = true,
@@ -1536,28 +1537,25 @@ onChangeLocation, }) => {
     });
     const slugs = React.useMemo(() => constants.LOCALIZED_SLUGS[locale], [locale]);
     const typeInformation = React.useMemo(() => {
-        return {
-            doctor: {
+        return Object.assign({ doctor: {
                 name: t('booking.searchPopup.doctors'),
                 icon: React__default["default"].createElement(DoctorIcon, null),
                 slug: slugs.DOCTOR,
-            },
-            service: {
+            }, service: {
                 name: t('booking.searchPopup.services'),
                 icon: React__default["default"].createElement(ServiceIcon, null),
                 slug: slugs.SERVICE,
-            },
-            hospital: {
+            }, hospital: {
                 name: t('booking.searchPopup.hospitals'),
                 icon: React__default["default"].createElement(HospitalIcon, null),
                 slug: slugs.HOSPITAL,
-            },
+            } }, (!hideSpecialtyTab && {
             specialty: {
                 name: t('booking.searchPopup.specialties'),
                 icon: React__default["default"].createElement(SpecialtyIcon, null),
                 slug: slugs.SPECIALTIES,
             },
-        };
+        }));
     }, [currentTab]);
     const debouncedFetchCitiesByKeyword = React.useMemo(() => debounce__default["default"](fetchCitiesByKeyword, 400), [fetchCitiesByKeyword]);
     const debouncedFetchSearchResults = React.useMemo(() => debounce__default["default"](fetchSearchResults, 400), [fetchSearchResults]);
@@ -1658,14 +1656,14 @@ onChangeLocation, }) => {
         fetchSearchResults(state.searchKeywords, state, currentTab, clientSlug, true);
     }, [selectedLocation, selectedSpecialty, currentTab]);
     return (React__default["default"].createElement(StyledSearchBarWrapper, { ref: wrapperRef },
-        React__default["default"].createElement(TabSearch, { currentTab: currentTab, setCurrentTab: setCurrentTab, isMobile: isMobile, hideTabBookingSearch: hideTabBookingSearch }),
+        React__default["default"].createElement(TabSearch, { currentTab: currentTab, setCurrentTab: setCurrentTab, isMobile: isMobile, hideTabBookingSearch: hideTabBookingSearch, hideSpecialtyTab: hideSpecialtyTab }),
         React__default["default"].createElement(StyleWrapperContainer, { className: "booking-search-container" },
             React__default["default"].createElement(StyleSearchInputContainer, null,
                 React__default["default"].createElement(StyleSearchContent, { className: "booking-search-content" },
                     React__default["default"].createElement("div", { ref: inputSearchSpecialtyWrapperRef },
                         React__default["default"].createElement(core.Flex, { gap: "12px", justify: "space-between", align: "center", direction: isMobile ? 'column' : 'row', className: "flex-search-input" },
                             currentTab !== 'specialty' && (React__default["default"].createElement(SearchLocation, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchCitiesByKeyword: debouncedFetchCitiesByKeyword, selectedLocation: selectedLocation, onLocationClick: handleLocationClick, trackingAttributes: gaTrackingLocationSearch })),
-                            React__default["default"].createElement(SearchInputs, { type: currentTab, isMobile: isMobile, state: state, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, initalSearchValue: initialSearchValue, focusSearchInput: focusSearchInput, onEnterSearch: onClickSearchByKeyword, typeInformation: typeInformation, trackingAttributes: gaTrackingSearchBar, isLoading: isLoadingSearchResults, hideSpecialtySelection: hideSpecialtySelection, clientSlug: clientSlug }),
+                            React__default["default"].createElement(SearchInputs, { type: currentTab, isMobile: isMobile, state: state, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, initalSearchValue: initialSearchValue, focusSearchInput: focusSearchInput, onEnterSearch: onClickSearchByKeyword, typeInformation: typeInformation, trackingAttributes: gaTrackingSearchBar, isLoading: isLoadingSearchResults, hideSpecialtySelection: hideSpecialtySelection || hideSpecialtyTab, clientSlug: clientSlug }),
                             React__default["default"].createElement(core.Button, { size: isMobile ? 'md' : 'lg', color: "#2D87F3", fullWidth: isMobile, variant: "filled", onClick: onClickSearchByKeyword, styles: {
                                     root: {
                                         height: isMobile ? '40px' : '48px',

package/build/components/atoms/cardCollapse/index.d.ts

@@ -7,4 +7,4 @@ export type CardCollapseProps = {
     id?: string;
     haveCollapse?: boolean;
 };
-export declare function CardCollapse({ children, title, icon, defaultOpened, haveCollapse, id, }: PropsWithChildren<CardCollapseProps>): React.JSX.Element;
+export declare function CardCollapse({ children, title, icon, defaultOpened, haveCollapse, id, className, }: PropsWithChildren<CardCollapseProps>): React.JSX.Element;

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

@@ -6,7 +6,3 @@ export declare const StyledCardCollapse: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledBox: 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/distanceTag/index.styled.d.ts

@@ -3,10 +3,6 @@ export declare const DistanceTagStyled: import("@emotion/styled").StyledComponen
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledPin2: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+export declare const StyledPin3: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type AnsweredByDoctorProps = {
+    doctorName: string;
+    doctorAvatar?: string;
+    defaultDoctorAvatar?: string;
+};
+declare const AnsweredByDoctor: (props: AnsweredByDoctorProps) => React.JSX.Element;
+export { AnsweredByDoctor };

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

@@ -0,0 +1,9 @@
+/// <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>, {}>;
+export declare const StyledContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/embeddedHeathToolCards/helpers.d.ts

@@ -9,6 +9,9 @@ export type BmiFormValue = {
     height?: number;
     objective?: BmiObjective;
     bmi?: number;
+    question1?: boolean;
+    question2?: boolean;
+    newsletter?: boolean;
 };
 export type BmiFormValueKeys = keyof BmiFormValue;
 export type Rule = Omit<RegisterOptions<FieldValues, FieldPath<FieldValues>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
@@ -33,6 +36,7 @@ export type BmiFormProps = {
     }>;
     bmiUnit: BMIUnit;
     submitProps?: ButtonProps;
+    withAdditionalQuestion?: boolean;
 } & HealthToolFormWrapperProps;
 export declare function getBmi({ weight: weightProps, height: heightProps, }: {
     weight: number;

package/build/components/molecules/healthTools/form/bmiForm/context.d.ts

@@ -11,5 +11,6 @@ export type BmiFormContextType = {
     isTouched: boolean;
     linkTool: string;
     submitProps?: ButtonProps;
+    withAdditionalQuestion?: boolean;
 };
 export declare const BmiFormContext: import("react").Context<BmiFormContextType>;

package/build/components/molecules/healthTools/form/bmiForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BmiFormProps } from "../../../embeddedHeathToolCards/helpers";
-declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, ...rest }: BmiFormProps) => React.JSX.Element;
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, withAdditionalQuestion, ...rest }: BmiFormProps) => React.JSX.Element;
 export { BmiForm };

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

@@ -89,3 +89,4 @@ export * from "./certificateItem";
 export * from "./ratingStars";
 export * from "./doctorInfoItem";
 export * from "./doctorInfoExpertise";
+export * from "./answeredByDoctor";

package/build/components/molecules/list/type.d.ts

@@ -18,12 +18,14 @@ export type TFetcherParams = {
     filters?: Record<string, any>;
     page: number;
     pageSize: number;
+    searchSession?: string;
 };
 export interface ListProviderType<T = any> {
     fetcher: (params: TFetcherParams) => Promise<{
         data: T[];
         total: number;
         page: number;
+        searchSession?: string;
     }>;
     pageSize?: number;
     defaultSearch?: string;

package/build/components/navigationV2/components/molecules/menuCategoriesList/Item/index.d.ts

@@ -6,6 +6,11 @@ export type dataType = {
     banner: string;
     description?: string;
     btnText?: string;
+    buttonDisplay?: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    };
 };
 export type Props = {
     index?: number;

package/build/components/navigationV2/components/molecules/menuCategoriesList/Item/index.styled.d.ts

@@ -7,6 +7,13 @@ export declare const StyledImageCard: 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("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    bgColor?: string;
+    textColor?: string;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
 export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

package/build/components/navigationV2/types.d.ts

@@ -13,6 +13,11 @@ export type Specialty = {
     slug: string;
 };
 export type SpotlightSummaryApi = {
+    button_display: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    } | null;
     ID: number;
     name: string;
     permalink: string;
@@ -26,6 +31,11 @@ export type SpotlightSummaryApi = {
     mobile_banner?: string | null;
 };
 export type SpotlightSummary = {
+    buttonDisplay?: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    };
     id: number;
     name: string;
     permalink: string;

package/build/components/navigationV2/utils.d.ts

@@ -38,3 +38,17 @@ export declare const getCareSearchUrl: ({ type, specialtySlug, locale, }: {
 export declare const formatSpotlightsList: (spotlight: SpotlightSummaryApi) => SpotlightSummary;
 export declare const checkAvailableSpotlight: (spotlight: SpotlightSummary) => boolean;
 export declare const formatVideoItem: (data?: VideoItemTypeApi | null) => VideoItemType | null;
+export declare function hexToHSL(H: string, returnObj?: boolean): any;
+export declare function hexToHsb(hex: string, returnObj?: boolean): string | {
+    h: any;
+    s: number;
+    b: any;
+};
+export declare function hslToHex({ h, s, l }: any): string;
+export declare function hexToRgb(hex: string, returnObj?: boolean): string | {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHsb(r: any, g: any, b: any): number[];
+export declare function hsbToRgb(h: any, s: any, b: any): number[];

package/build/components/organisms/articleCard/index.d.ts

@@ -0,0 +1,36 @@
+import React, { CSSProperties } from 'react';
+export type ArticleDetailCardType = {
+    article: {
+        image?: string;
+        defaultImage?: string;
+        articleType: string;
+        articleTitle: string;
+        articleTypeColor?: string;
+    };
+    doctor: {
+        doctorName: string;
+        doctorAvatar?: string;
+        defaultDoctorAvatar?: string;
+    };
+};
+export type ArticleDetailCardProps = {
+    article: {
+        id?: string | number;
+        image?: string;
+        defaultImage?: string;
+        articleType: string;
+        articleTitle: string;
+        articleTypeColor?: string;
+    };
+    doctor: {
+        id?: string | number;
+        doctorName: string;
+        doctorAvatar?: string;
+        defaultDoctorAvatar?: string;
+    };
+    handleClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const ArticleDetailCard: (props: ArticleDetailCardProps) => React.JSX.Element;
+export { ArticleDetailCard };

package/build/components/organisms/articleCard/index.styled.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const ArticleCardStyled: 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 ArticleCardContentStyled: 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 ArticleCardContentTitleStyled: 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 ArticleDoctorStyled: 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 TextSpanStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/organisms/index.d.ts

@@ -9,3 +9,4 @@ export * from "./collectPhoneNumber";
 export * from "./hospitalInfo";
 export * from "./insuranceInfo";
 export * from "./doctorExpertise";
+export * from "./articleCard";