@hhgtech/hhg-components 1.27.27 → 1.27.29

package/build/esm/mantine.js

@@ -1 +1 @@
-export{S as Select}from"./index-01f12f1f.js";export{D as DatePicker}from"./index-bb6f4b37.js";import{q as a,r as i,s as c}from"./index-3b523451.js";export{w as Accordion,A as Anchor,g as AspectRatio,f as Avatar,v as Breadcrumbs,B as Button,x as Carousel,p as Checkbox,h as Input,n as MAPPED_LOCALE,E as OTHER_THEME_CONFIG,O as OTP,o as Phone,F as Popover,R as Radio,k as Tabs,e as Text,y as emotionCache,z as getHeadingStyles,s as getMantineThemeOverride,t as themeColors,r as useMantineLocale}from"./index-3b523451.js";export{I as Indicator}from"./index-1ea9cb87.js";import l,{useMemo as m}from"react";export{M as Modal}from"./index-a416de6f.js";import{_ as d}from"./tslib.es6-22b7c3c1.js";import{Badge as b,Spoiler as u,LoadingOverlay as j,MantineProvider as H,clsx as P,Title as T,Text as N,Button as L}from"@mantine/core";import{t as _}from"./theme-108890ad.js";import{T as G}from"./index-de85d5e8.js";import{u as q}from"./useTranslations-ec01afd7.js";export{C as CentralCarousel}from"./index-f92ff568.js";export{S as Slider}from"./index-36982fa1.js";export{S as Switch}from"./index-189fc5d3.js";import"@mantine/hooks";import"./gAssets.js";import"./index-81419b96.js";import"date-fns/locale";import"./Onboarding-ce3409e4.js";import"./isProduction-5683ed02.js";import"@mantine/dates";import"dayjs";import"./utils-d4ca3a35.js";import"styled-components";import"@mantine/carousel";import"./screenSizeContext-0c60ca17.js";import"lodash/throttle";import"./index-6c96901a.js";import"./index-46ecd655.js";import"./index-13cb3107.js";import"./index.styled-4ca8aba3.js";import"./useUniqueId-4c5ff91c.js";import"react-keyed-flatten-children";import"./translationsContext-4b5e04fb.js";import"string-format";import"./index-5a4b4541.js";import"./index-0b4c892b.js";const J=e=>l.createElement(a,Object.assign({minRows:2,maxRows:4},e)),U=e=>{var{color:t=_.colors.primaryBase,styles:s}=e,a=d(e,["color","styles"]);return l.createElement(b,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},s)},a))},V=e=>{var{children:t,line:s,lineHeight:a,trackingAttributes:r,maxHeight:o,customExpandFn:i}=e,n=d(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:c}=q(),p=m((()=>o||(s&&a?s*a:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const b=m((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]);return l.createElement(u,Object.assign({showLabel:l.createElement(G,Object.assign({size:"p3",color:_.colors.primaryBase},b,{onClick:i}),c("articlePage.readMore")),hideLabel:l.createElement(G,Object.assign({size:"p3",color:_.colors.primaryBase},b),c("articlePage.showLess"))},n,{maxHeight:p}),t)};const Y=e=>(function(e=!1){l.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),l.createElement(j,Object.assign({loaderProps:{color:_.colors.primaryBase}},e))),Z=e=>{var{children:t,locale:s,template:a="hb"}=e,r=d(e,["children","locale","template"]);return i(s),l.createElement(H,Object.assign({theme:c(s,a)},r),t)};var K="MON6sfi",Q="pS-tJD7",W="s3tJ9-5",X="fNsZr1b",$="uuxV74v",ee="YohjTDU";function te(e){const{icon:t,title:s,description:a,button:r,buttonProps:o,style:i,className:n}=e,c=o||{},{size:m="lg",variant:p="outline"}=c,b=d(c,["size","variant"]),f=t;return l.createElement("div",{className:P("result",K,n),style:i},f&&l.createElement("div",{className:P("resultIconContainer",Q)},l.createElement(f,{className:P("resultIcon",W)})),l.createElement(T,{order:3,size:"h3",className:P("resultTitle",X)},s),l.createElement(N,{className:P("resultDescription",$)},a),r&&l.createElement(L,Object.assign({},b,{size:m,variant:p,className:P("resultButton",ee,b.className)}),r))}export{U as Badge,Y as LoadingOverlay,Z as MantineProvider,te as Result,V as Spoiler,J as TextArea};
+export{S as Select}from"./index-4add3d7d.js";export{D as DatePicker}from"./index-bcc5707d.js";import{q as a,r as i,s as l}from"./index-44d7b18f.js";export{w as Accordion,A as Anchor,g as AspectRatio,f as Avatar,v as Breadcrumbs,B as Button,x as Carousel,p as Checkbox,h as Input,n as MAPPED_LOCALE,E as OTHER_THEME_CONFIG,O as OTP,o as Phone,F as Popover,R as Radio,k as Tabs,e as Text,y as emotionCache,z as getHeadingStyles,s as getMantineThemeOverride,t as themeColors,r as useMantineLocale}from"./index-44d7b18f.js";export{I as Indicator}from"./index-53f8a959.js";import c,{useMemo as m}from"react";export{M as Modal}from"./index-f0fbdf4e.js";import{_ as d}from"./tslib.es6-9196b5f5.js";import{Badge as b,Spoiler as u,LoadingOverlay as j,MantineProvider as H,clsx as P,Title as T,Text as N,Button as L}from"@mantine/core";import{t as _}from"./theme-7c8a5f74.js";import{T as G}from"./index-a8a16c31.js";import{u as q}from"./useTranslations-5408a48f.js";export{C as CentralCarousel}from"./index-bf666b23.js";export{S as Slider}from"./index-5878087a.js";export{S as Switch}from"./index-67f5af26.js";import"@mantine/hooks";import"./gAssets.js";import"./index-ff6a4eb3.js";import"date-fns/locale";import"./Onboarding-666fcb61.js";import"./isProduction-303c3745.js";import"@mantine/dates";import"dayjs";import"./utils-9a37e87e.js";import"styled-components";import"@mantine/carousel";import"./screenSizeContext-4b7328f7.js";import"lodash/throttle";import"./index-eb4c7392.js";import"./index-5f75003a.js";import"./index-19e3a78e.js";import"./index.styled-36141586.js";import"./useUniqueId-7eb15d38.js";import"react-keyed-flatten-children";import"./translationsContext-30fe5a8b.js";import"string-format";import"./index-9854e149.js";import"./index-3bbf6c00.js";const J=e=>c.createElement(a,Object.assign({minRows:2,maxRows:4},e)),U=e=>{var{color:t=_.colors.primaryBase,styles:s}=e,a=d(e,["color","styles"]);return c.createElement(b,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},s)},a))},V=e=>{var{children:t,line:s,lineHeight:a,trackingAttributes:r,maxHeight:o,customExpandFn:i}=e,n=d(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:l}=q(),p=m((()=>o||(s&&a?s*a:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const f=m((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]);return c.createElement(u,Object.assign({showLabel:c.createElement(G,Object.assign({size:"p3",color:_.colors.primaryBase},f,{onClick:i}),l("articlePage.readMore")),hideLabel:c.createElement(G,Object.assign({size:"p3",color:_.colors.primaryBase},f),l("articlePage.showLess"))},n,{maxHeight:p}),t)};const Y=e=>(function(e=!1){c.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),c.createElement(j,Object.assign({loaderProps:{color:_.colors.primaryBase}},e))),Z=e=>{var{children:t,locale:s,template:a="hb"}=e,r=d(e,["children","locale","template"]);return i(s),c.createElement(H,Object.assign({theme:l(s,a)},r),t)};var K="MON6sfi",Q="pS-tJD7",W="s3tJ9-5",X="fNsZr1b",$="uuxV74v",ee="YohjTDU";function te(e){const{icon:t,title:s,description:a,button:r,buttonProps:o,style:i,className:n}=e,l=o||{},{size:m="lg",variant:p="outline"}=l,f=d(l,["size","variant"]),b=t;return c.createElement("div",{className:P("result",K,n),style:i},b&&c.createElement("div",{className:P("resultIconContainer",Q)},c.createElement(b,{className:P("resultIcon",W)})),c.createElement(T,{order:3,size:"h3",className:P("resultTitle",X)},s),c.createElement(N,{className:P("resultDescription",$)},a),r&&c.createElement(L,Object.assign({},f,{size:m,variant:p,className:P("resultButton",ee,f.className)}),r))}export{U as Badge,Y as LoadingOverlay,Z as MantineProvider,te as Result,V as Spoiler,J as TextArea};

package/build/esm/misc/ageGenerate.d.ts

@@ -0,0 +1,5 @@
+export declare const ageGenerate: (birthDate: Date, calculateDate?: Date) => {
+    year: number;
+    month: number;
+    week: number;
+};

package/build/esm/misc/animation.d.ts

@@ -0,0 +1,10 @@
+declare const slideInUp: import("styled-components").Keyframes;
+declare const slideInDown: import("styled-components").Keyframes;
+declare const slideInLeft: import("styled-components").Keyframes;
+declare const slideInRight: import("styled-components").Keyframes;
+declare const slideOutDown: import("styled-components").Keyframes;
+declare const slideOutLeft: import("styled-components").Keyframes;
+declare const slideOutRight: import("styled-components").Keyframes;
+declare const slideOutUp: import("styled-components").Keyframes;
+declare const fadeIn: import("styled-components").Keyframes;
+export { slideInUp, slideInDown, slideInLeft, slideInRight, slideOutUp, slideOutDown, slideOutLeft, slideOutRight, fadeIn, };

package/build/esm/misc/callApi/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare const formatString: (template: string, ...args: (string | {
+    [k: string]: any;
+})[]) => string;
+export declare const getApiPath: () => string;

package/build/esm/misc/callApi/index.d.ts

@@ -0,0 +1,24 @@
+import { AxiosRequestConfig } from 'axios';
+declare const MAPPED_AXIOS_INSTANCE: {
+    discover: import("axios").AxiosInstance;
+    care: import("axios").AxiosInstance;
+    together: import("axios").AxiosInstance;
+    sso: import("axios").AxiosInstance;
+    lead: import("axios").AxiosInstance;
+    sidis: import("axios").AxiosInstance;
+    sidis_frontend: import("axios").AxiosInstance;
+    sidis_subscription: import("axios").AxiosInstance;
+    baby_vaccine: import("axios").AxiosInstance;
+    premium: import("axios").AxiosInstance;
+};
+/**
+ * It calls the API and logs the response
+ * @param {string} url - The url of the API endpoint
+ * @param {AxiosRequestConfig} [options] - AxiosRequestConfig
+ * @param {
+ *     keyof typeof MAPPED_AXIOS_INSTANCE
+ * } [_instance=discover] - This is the name of the instance you want to use.
+ * @returns AxiosResponse
+ */
+export declare const callApi: <T = any>(url: string, options?: AxiosRequestConfig, _instance?: keyof typeof MAPPED_AXIOS_INSTANCE) => Promise<T>;
+export {};

package/build/esm/misc/callApi/instance.d.ts

@@ -0,0 +1,11 @@
+declare const main: import("axios").AxiosInstance;
+declare const premium: import("axios").AxiosInstance;
+declare const together: import("axios").AxiosInstance;
+declare const care: import("axios").AxiosInstance;
+declare const sso: import("axios").AxiosInstance;
+declare const lead: import("axios").AxiosInstance;
+declare const sidis: import("axios").AxiosInstance;
+declare const sidisFrontend: import("axios").AxiosInstance;
+declare const sidisSubscription: import("axios").AxiosInstance;
+declare const babyVaccine: import("axios").AxiosInstance;
+export { main, together, sso, care, lead, sidis, sidisSubscription, babyVaccine, sidisFrontend, premium, };

package/build/esm/misc/callApi/interceptors.d.ts

@@ -0,0 +1,6 @@
+import { AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+export declare const getMainInterceptors: (template?: 'babyVaccine' | 'care' | 'together' | 'premium') => {
+    request: (config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;
+    response: (_response: AxiosResponse<any>) => AxiosResponse<any> | Promise<AxiosResponse<any>>;
+    error: () => void;
+};

package/build/esm/misc/cookieHelper.d.ts

@@ -0,0 +1,8 @@
+export declare const getCookie: (name: string) => string;
+export declare const setCookie: (name: string, value: string, opts?: {
+    days?: number;
+    minutes?: number;
+    domain?: string;
+    path?: string;
+}) => void;
+export declare const deleteCookie: (name: string) => void;

package/build/esm/misc/dataTransform.d.ts

@@ -0,0 +1,2 @@
+import { PregnancyWeek, PregnancyWeekApi } from "../together/interfaces/types";
+export declare const formatPill: (data: PregnancyWeekApi | null) => PregnancyWeek;

package/build/esm/misc/defaultClassWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const getDefaultClassWrapper: (Comp: any, defaultClassName: string) => React.ForwardRefExoticComponent<{
+    className?: string;
+} & React.RefAttributes<unknown>>;

package/build/esm/misc/gAssets/gAssets.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/misc/gAssets/index.d.ts

@@ -0,0 +1,7 @@
+export declare class GAssets {
+    baseDomain: string;
+    subPath: string;
+    getBaseDomain(): any;
+    getAssetPath: (path: string, forceBaseDomain?: string, forceSubPath?: string) => string;
+}
+export declare const CommonGAssets: GAssets;

package/build/esm/misc/getDynamicHealthTool.d.ts

@@ -0,0 +1,4 @@
+import { HealthTool, HealthToolApi } from "../interfaces/types";
+export declare const formatHealthTool: (healthTool: HealthToolApi, locale?: string) => HealthTool;
+export declare const getDynamicHealthTool: (locale: any) => Promise<Array<HealthTool>>;
+export declare const getDynamicHealthToolWithCache: (locale?: string) => Promise<HealthTool[]>;

package/build/esm/misc/getSocialList.d.ts

@@ -0,0 +1,7 @@
+import { LOCALE } from "../interfaces/types";
+export declare const getSocialList: (shareUrl: string) => {
+    icon: JSX.Element;
+    name: string;
+    href: string;
+    allowedLocales?: LOCALE[];
+}[];

package/build/esm/misc/index.d.ts

@@ -0,0 +1,13 @@
+export * from './ageGenerate';
+export * from './animation';
+export * from './cookieHelper';
+export * from './mockTheme';
+export * from './number';
+export * from './routing';
+export * from './theme';
+export * from './utils';
+export * from './getDynamicHealthTool';
+export * from './getSocialList';
+export * from './localizeNumberFormat';
+export * from './screenSizeContext';
+export * from './dataTransform';

package/build/esm/misc/link.d.ts

@@ -0,0 +1,2 @@
+export declare const ALLOW_DOMAIN_URL: string[];
+export declare const isInternalLink: (url?: string) => boolean;

package/build/esm/misc/localizeNumberFormat.d.ts

@@ -0,0 +1,2 @@
+export declare const localizeNumberFormat: (num?: number, locale?: string, maximumFractionDigits?: number) => string;
+export declare const convertLocalizedStringToNumber: (value: string) => number;

package/build/esm/misc/mockTheme.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const MockTheme: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export default MockTheme;

package/build/esm/misc/noop.d.ts

@@ -0,0 +1 @@
+export declare const noop: () => void;

package/build/esm/misc/normalizeLink.d.ts

@@ -0,0 +1,3 @@
+export declare const normalizeLinkSlash: (link: string) => string;
+export declare const forceEndSlash: (link: string) => string;
+export declare const normalizeLink: (link: string) => string;

package/build/esm/misc/number.d.ts

@@ -0,0 +1 @@
+export declare const abbreviateNumber: (value: number) => string;

package/build/esm/misc/routing.d.ts

@@ -0,0 +1,5 @@
+export declare const getCurrentBaseUrl: (locale: string, isMarryBaby?: boolean) => string;
+export declare const getCurrentSsoUrl: (locale: string, isMarryBaby?: boolean) => string;
+export declare const getTogetherApiDomain: () => string;
+export declare const getDiscoverApiDomain: (locale: string) => string;
+export declare const getCareApiDomain: () => string;

package/build/esm/misc/screenSizeContext.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export declare const ScreenSizeContext: React.Context<{
+    width?: number;
+    height?: number;
+    isInit: boolean;
+    sizeGroups?: {
+        smallMobile: boolean;
+        mobile: boolean;
+        tablet: boolean;
+        pc: boolean;
+        xl: boolean;
+    };
+}>;
+export declare const getWindowSizeGroups: (manualWidth?: number) => {
+    smallMobile: boolean;
+    mobile: boolean;
+    tablet: boolean;
+    pc: boolean;
+    xl: boolean;
+};
+export declare const ScreenSizeContextProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/build/esm/misc/theme.d.ts

@@ -0,0 +1,366 @@
+export declare const theme: {
+    colors: {
+        primary50: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primaryBase: string;
+        primaryHover: string;
+        primaryActive: string;
+        primaryVisited: string;
+        secondaryBase: string;
+        secondaryDark: string;
+        accentLight: string;
+        accentMain: string;
+        success: string;
+        error: string;
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        alertWarning: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        neutral50: string;
+        neutral100: string;
+        neutral150: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        teal50: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        violet50: string;
+        violet100: string;
+        violet200: string;
+        violet300: string;
+        violet400: string;
+        violet500: string;
+        violet600: string;
+        violet700: string;
+        violet800: string;
+        indigo700: string;
+        indigo800: string;
+        indigo900: string;
+        brown50: string;
+        brown100: string;
+        brown200: string;
+        brown300: string;
+        brown400: string;
+        brown500: string;
+        brown600: string;
+        brown700: string;
+        brown800: string;
+        white: string;
+        mb50: string;
+        mb100: string;
+        mb200: string;
+        mb300: string;
+        mb400: string;
+        mb500: string;
+        mb600: string;
+        mb700: string;
+        mb800: string;
+        mb900: string;
+    };
+    mbColors: {
+        pink: string;
+        cobalt: string;
+        dark: string;
+        gray: string;
+        midGray: string;
+        lightGray: string;
+        lightMint: string;
+        lightPink: string;
+        lightOrange: string;
+        lightBlue: string;
+        mint: string;
+        peach: string;
+        orange: string;
+        ceruleanBlue: string;
+        red: string;
+        lightRed: string;
+        yellow: string;
+        green: string;
+        blue: string;
+        toneYellow: string;
+        toneGreen: string;
+        toneBlue: string;
+        tonePink: string;
+    };
+    sizes: {
+        fwBold: string;
+        fwSemiBold: string;
+        fsCaption2: string;
+        fsHeading1: string;
+        fsHeading2: string;
+        fsHeading4: string;
+        fsHeading5: string;
+        fsHeading6: string;
+        fsParagraph3: string;
+        fsParagraph4: string;
+        fwRegular: string;
+    };
+    zIndexes: {
+        belowHeader: string;
+        zIndex100: string;
+        onTop: string;
+        drawer: number;
+    };
+    defaultColor: string;
+    borderRadius: string;
+};
+export declare const MBTheme: {
+    colors: {
+        primaryBase: string;
+        primaryHover: string;
+        primaryActive: string;
+        primaryVisited: string;
+        primary50: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        secondaryBase: string;
+        secondaryDark: string;
+        accentLight: string;
+        accentMain: string;
+        success: string;
+        error: string;
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        alertWarning: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        neutral50: string;
+        neutral100: string;
+        neutral150: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        teal50: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        violet50: string;
+        violet100: string;
+        violet200: string;
+        violet300: string;
+        violet400: string;
+        violet500: string;
+        violet600: string;
+        violet700: string;
+        violet800: string;
+        indigo700: string;
+        indigo800: string;
+        indigo900: string;
+        brown50: string;
+        brown100: string;
+        brown200: string;
+        brown300: string;
+        brown400: string;
+        brown500: string;
+        brown600: string;
+        brown700: string;
+        brown800: string;
+        white: string;
+        mb50: string;
+        mb100: string;
+        mb200: string;
+        mb300: string;
+        mb400: string;
+        mb500: string;
+        mb600: string;
+        mb700: string;
+        mb800: string;
+        mb900: string;
+    };
+    borderRadius: string;
+    mbColors: {
+        pink: string;
+        cobalt: string;
+        dark: string;
+        gray: string;
+        midGray: string;
+        lightGray: string;
+        lightMint: string;
+        lightPink: string;
+        lightOrange: string;
+        lightBlue: string;
+        mint: string;
+        peach: string;
+        orange: string;
+        ceruleanBlue: string;
+        red: string;
+        lightRed: string;
+        yellow: string;
+        green: string;
+        blue: string;
+        toneYellow: string;
+        toneGreen: string;
+        toneBlue: string;
+        tonePink: string;
+    };
+    sizes: {
+        fwBold: string;
+        fwSemiBold: string;
+        fsCaption2: string;
+        fsHeading1: string;
+        fsHeading2: string;
+        fsHeading4: string;
+        fsHeading5: string;
+        fsHeading6: string;
+        fsParagraph3: string;
+        fsParagraph4: string;
+        fwRegular: string;
+    };
+    zIndexes: {
+        belowHeader: string;
+        zIndex100: string;
+        onTop: string;
+        drawer: number;
+    };
+    defaultColor: string;
+};
+export type ThemeType = typeof theme;
+export type ThemeProps = {
+    theme: ThemeType;
+};

package/build/esm/misc/unifyEnv.d.ts

@@ -0,0 +1,22 @@
+export type UnifyEnv = Partial<{
+    DISCOVER_API: string;
+    INTERNAL_DISCOVER_API: string;
+    TOGETHER_API: string;
+    INTERNAL_TOGETHER_API: string;
+    CARE_API: string;
+    INTERNAL_CARE_API: string;
+    SIDIS_TEMPLATE_API: string;
+    SIDIS_API: string;
+    SIDIS_API_GET: string;
+    SSO_API: string;
+    LOCALE: string;
+    DEPLOY_ENV: string;
+    LEAD_API: string;
+    SUBOT_API: string;
+    INTERNAL_SUBOT_API: string;
+    SUBOT_URL: string;
+    PREMIUM_URL: string;
+    VACCINATION_TOOL_API: string;
+    LOGGING_ENABLED: boolean;
+}>;
+export declare function setupUnifyEnv({ DISCOVER_API, INTERNAL_DISCOVER_API, TOGETHER_API, INTERNAL_TOGETHER_API, CARE_API, INTERNAL_CARE_API, SIDIS_TEMPLATE_API, SIDIS_API, SIDIS_API_GET, SSO_API, LOCALE, DEPLOY_ENV, LEAD_API, SUBOT_API, INTERNAL_SUBOT_API, SUBOT_URL, PREMIUM_URL, VACCINATION_TOOL_API, LOGGING_ENABLED, }: UnifyEnv): void;

package/build/esm/misc/utils.d.ts

@@ -0,0 +1,58 @@
+export declare const makeParams: (params: Record<string, string>) => string;
+export declare const formatUrlWithPageParam: (path: string, page?: number, queryPageName?: string) => string;
+export declare const toggleNoScroll: (isNoScroll?: boolean) => void;
+export declare const Breakpoints: {
+    BREAK_POINT_SMALL_MOBILE: number;
+    BREAK_POINT_MOBILE: number;
+    BREAK_POINT_TABLET: number;
+    BREAK_POINT_PC: number;
+    BREAK_POINT_LGPC: number;
+};
+/**
+ * List of mediaQueries to use in StyledComponents
+ * New naming convention base around breakpoints
+*
+ * Note: smb = small mobile; mb = mobile; td = tablet device; pc = pc/laptop device
+ *
+ * smbDown: BREAK_POINT_SMALL_MOBILE go down.
+ * smbUp: BREAK_POINT_SMALL_MOBILE go up
+ *
+ * mbDown: BREAK_POINT_MOBILE go down.
+ * mbOnly: from BREAK_POINT_SMALL_MOBILE to BREAK_POINT_MOBILE
+ * mbUp: BREAK_POINT_MOBILE go up
+ *
+ * tdDown: BREAK_POINT_TABLET go down
+ * tdOnly: from BREAK_POINT_MOBILE to BREAK_POINT_TABLET
+ * tdUp: BREAK_POINT_TABLET go up
+ *
+ * pcDown: BREAK_POINT_PC go down
+ * pcOnly: from BREAK_POINT_TABLET to BREAK_POINT_PC
+ * pcUp: BREAK_POINT_PC go up
+ *
+ * @example
+ *  ${MediaQueries.mbDown} {
+ *    color: ${(props) => props.theme.colors.neutral100 }};
+ *  }
+ */
+export declare const MediaQueries: {
+    smbDown: string;
+    smbUp: string;
+    mbDown: string;
+    mbOnly: string;
+    mbUp: string;
+    tdDown: string;
+    tdOnly: string;
+    tdUp: string;
+    pcUp: string;
+    pcOnly: string;
+    pcDown: string;
+    lgPcUp: string;
+    lgPcOnly: string;
+    lgPcDown: string;
+    mbToPC: string;
+};
+export declare const getBoundariesFromMediaQueryKey: (key?: keyof typeof MediaQueries) => number[];
+export declare const getPopupWrapperDom: () => Element;
+export declare const getWrapperDomWithSelector: (parentDom: HTMLElement, wrapperKey: string) => Element;
+export declare const startCase: (str?: string) => string;
+export declare const safeEncodeURI: (s: string) => string;

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-dc7c3ab6.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-0c60ca17.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-1d3007dd.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-108890ad.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-6ee65df1.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-5f87293f.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-d4ca3a35.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-4bf20af7.js";export{g as getSocialList}from"./getSocialList-fce1ab18.js";import"dayjs";import"lodash/throttle";import"./index-81419b96.js";import"date-fns/locale";import"./Onboarding-ce3409e4.js";import"./isProduction-5683ed02.js";import"./tslib.es6-22b7c3c1.js";import"./core-add40e82.js";import"./normalizeLink-ddd4eb2d.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-0828c071.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-4b7328f7.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-cf1eabcf.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-7c8a5f74.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-2ffa8ac2.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-27830e13.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-9a37e87e.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-e534ef6f.js";export{g as getSocialList}from"./getSocialList-ba669946.js";import"dayjs";import"lodash/throttle";import"./index-ff6a4eb3.js";import"date-fns/locale";import"./Onboarding-666fcb61.js";import"./isProduction-303c3745.js";import"./tslib.es6-9196b5f5.js";import"./core-ca5ab563.js";import"./normalizeLink-853d750a.js";import"./gAssets.js";