@hhgtech/hhg-components 1.21.0-beta-10 → 1.21.0-beta-12

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

@@ -0,0 +1,2 @@
+export type { SelectProps } from './select';
+export { Select } from './select';

package/build/components/mantine/select/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectProps as MantineSelectProps } from '@mantine/core';
+export declare const Select: (props: MantineSelectProps) => JSX.Element;
+export declare type SelectProps = MantineSelectProps;

package/build/components/mantine/select/index.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSelect: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").SelectProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;

package/build/components/mantine/select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tslib.es6-f7929e76.js"),t=require("react"),n=require("@mantine/core"),r=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=o(t),s=o(r).default(n.Select)(i||(i=e.__makeTemplateObject(["\n  .mantine-Select-input {\n    border-radius: 6px;\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n  }\n"],["\n  .mantine-Select-input {\n    border-radius: 6px;\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.blue200}));exports.Select=function(t){return u.default.createElement(s,e.__assign({rightSection:u.default.createElement("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M1 1L5 5L9 1",stroke:"#595959",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},t))};

package/build/components/marryBabyText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),t=require("react"),e=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,p,o=i(t),l=i(e),h=l.default((function(t){var e=t.type,i=n.__rest(t,["type"]);return o.default.createElement(e,i)}))(a||(a=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),r=l.default.p(p||(p=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));exports.MarryBabyHeading=function(t){var e=t.type,i=t.color,a=t.style,p=n.__rest(t,["type","color","style"]);return o.default.createElement(h,n.__assign({type:e,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[e],style:n.__assign(n.__assign({},i&&{"--text-color":i}),a)},p))},exports.MarryBabyText=function(t){var e=t.type,i=t.color,a=t.style,p=n.__rest(t,["type","color","style"]);return o.default.createElement(r,n.__assign({"data-type":e,style:n.__assign(n.__assign({},a),i&&{"--text-color":i})},p))};

package/build/components/menu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),r=require("../theme-696d81a9.js"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,a=o(e),l=o(t),p=l.default.div(i||(i=n.__makeTemplateObject(["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  ul {\n    list-style: none;\n  }\n"],["\n  min-width: 212px;\n  width: ",";\n  background-color: #ffffff;\n  border-radius: 6px;\n  overflow: hidden;\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  ul {\n    list-style: none;\n  }\n"])),(function(n){return n.width+"px"})),c=l.default.li(d||(d=n.__makeTemplateObject(["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 10px;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 200ms ease-in-out;\n  &:hover {\n    background-color: ",";\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n  }\n"])),r.theme.colors.neutral50),s=function(e){var r=e.children,t=e.width,o=void 0===t?300:t,i=n.__rest(e,["children","width"]);return a.default.createElement(p,n.__assign({},i,{width:o}),a.default.createElement("ul",null,r))};s.Item=function(e){var r=e.icon,t=e.children,o=n.__rest(e,["icon","children"]);return a.default.createElement(c,n.__assign({},o),r&&a.default.createElement("div",{className:"icon"},r),t)},exports.Menu=s;

package/build/components/mobileBottomNavigation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react");var e=require("../index-49ee4083.js");require("styled-components"),require("../theme-696d81a9.js"),require("./text.js"),require("../utils-1cac3068.js"),exports.MobileBottomNavigation=e.MobileBottomNavigation;

package/build/components/modal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../useScrollbarSize-586f6706.js"),t=require("react-dom"),o=require("../tslib.es6-f7929e76.js"),i=require("../utils-1cac3068.js"),a=require("styled-components");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("lodash/debounce");var r,l,s,h=d(n),c=d(a),u=c.default.div(r||(r=o.__makeTemplateObject(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),p=c.default.div(l||(l=o.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    "," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      "," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    "," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      "," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    "," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    "," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    "," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    "," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    "," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      "," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    "," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      "," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    "," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    "," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    "," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    "," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),u,u,u,u,u,u,i.MediaQueries.mbDown,u,i.MediaQueries.mbDown,u,i.MediaQueries.mbDown),m=c.default.div(s||(s=o.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark})),f=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},x=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))};exports.Modal=function(o){var i=o.type,a=void 0===i?"lead":i,d=o.closeIcon,r=o.isOpen,l=void 0===r||r,s=o.onClose,c=o.children,g=o.className,v=void 0===g?"":g,b=o.animationType,y=void 0===b?"slideTop":b,w=o.isStaticBackdrop,_=void 0!==w&&w;o.style;var k=n.useState(!1),j=k[0],E=k[1],z=n.useRef(null),q=e.useScrollbarSize().width;if(!z.current&&j&&(z.current=document.createElement("div")),n.useEffect((function(){return E(!0),function(){E(!1),f(),x()}}),[]),n.useEffect((function(){if(j){var n=((e=document.getElementById("hhg-modals"))||((e=document.createElement("div")).setAttribute("id","hhg-modals"),document.body.append(e)),e);return n.appendChild(z.current),function(){n.removeChild(z.current)}}var e}),[j]),n.useEffect((function(){l?document.body.classList.add("hhc-modal-show"):f()}),[l]),n.useEffect((function(){l?(document.body.style.overflow="hidden",document.body.style.paddingRight=q+"px",document.body.classList.add("hhc-disabled-scroll")):x()}),[l,q]),!j)return null;var S=["hhg-modal__wrapper",v,y].filter((function(n){return n})).join(" ");return t.createPortal(h.default.createElement(p,{className:S,"data-open":l,"data-type":a},!_&&h.default.createElement(m,{"data-open":l,onClick:s,"data-type":a}),!_&&"video"===a&&!!d&&h.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),h.default.createElement(u,{className:"hhg-modal","data-open":l},h.default.createElement("div",{className:"video"===a?"hhg-modal__video":"hhg-modal__content"},!!d&&"video"!==a&&h.default.createElement("div",{className:"hhg-modal__close",onClick:s},d),c))),z.current)};

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

@@ -1,13 +1,17 @@
-/// <reference types="react" />
+import React from 'react';
 import { BabyVaccinationDetail } from 'interfaces/types';
-import { DrawerProps } from 'src/components/atoms';
+import { DrawerProps } from 'src/components/atoms/drawer';
 export declare type BabyGrowthChooseProfileDrawerProps = {
     babyProfiles: Array<BabyVaccinationDetail['profile']> | null;
-    onCreate: VoidFunction;
-    onAddMeasurement: (id: string) => void;
-    onSwitchProfile: (id: string) => void;
+    onCreate?: VoidFunction;
+    onAddMeasurement?: (id: string) => void;
+    onSwitchProfile?: (id: string) => void;
     isMobile: boolean;
     isMyProfile?: boolean;
+    currentProfileId?: string;
+    buttonGroup?: Exclude<React.ReactNode, React.ReactPortal>;
+    newBabyValue?: string;
+    onNewBabyValueChange?: (v: string) => void;
 } & DrawerProps;
-declare const BabyGrowthChooseProfileDrawer: ({ babyProfiles, onClose, onCreate, onAddMeasurement, onSwitchProfile, open, isMobile, isMyProfile, ...rest }: BabyGrowthChooseProfileDrawerProps) => JSX.Element;
+declare const BabyGrowthChooseProfileDrawer: ({ babyProfiles, currentProfileId, onClose, onCreate, onAddMeasurement, onSwitchProfile, open, isMobile, isMyProfile, buttonGroup, newBabyValue, onNewBabyValueChange, ...rest }: BabyGrowthChooseProfileDrawerProps) => JSX.Element;
 export { BabyGrowthChooseProfileDrawer };

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledBabyGrowthChooseProfileDrawer: import("styled-components").StyledComponent<import("react").FC<import("src/components/atoms").DrawerProps>, any, {}, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, }: import("../modal").Props) => import("react").ReactPortal, any, {}, never>;
+export declare const StyledBabyGrowthChooseProfileDrawer: import("styled-components").StyledComponent<import("react").FC<import("src/components/atoms/drawer").DrawerProps>, any, {}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, style, }: import("../modal").Props) => import("react").ReactPortal, any, {}, never>;

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

@@ -16,5 +16,10 @@ export declare type ChildCardProps = {
     onRemove: VoidFunction;
     className?: string;
 };
+export declare const renderChildAge: (age: {
+    year: number;
+    month: number;
+    week: number;
+}, t: any) => any;
 declare const ChildCard: ({ name, gender, age, isLoggedIn, showMenu, onEdit, onSwitch, onAdd, onRemove, className, }: ChildCardProps) => JSX.Element;
 export { ChildCard };

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

@@ -1,3 +1,3 @@
 export declare const StyledChildCard: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledOption: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledChildCardMenu: import("styled-components").StyledComponent<import("../../atoms/menu").CompoundedComponent, any, {}, never>;
+export declare const StyledChildCardMenu: import("styled-components").StyledComponent<import("src/components/atoms/menu").CompoundedComponent, any, {}, never>;

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

@@ -5,4 +5,4 @@ export declare const StyledDropdownName: import("styled-components").StyledCompo
 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>;
-export declare const StyledPureInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "type" | "size" | "onChange" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput/index").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledPureInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "ref" | "onChange" | "size" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput/index").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 export declare type Props = {
     type: 'tail' | 'lead' | 'form' | 'confirm' | 'profile' | 'video';
     animationType?: 'slideTop' | 'scaleUp';
@@ -8,6 +8,7 @@ export declare type Props = {
     children?: any;
     className?: string;
     isStaticBackdrop?: boolean;
+    style?: CSSProperties;
 };
-declare const Modal: ({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, }: Props) => React.ReactPortal;
+declare const Modal: ({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, style, }: Props) => React.ReactPortal;
 export { Modal };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DrawerProps } from 'src/components/atoms';
+import { DrawerProps } from 'src/components/atoms/drawer';
 import { LOCALE } from 'src/interfaces/types';
 export declare type ShareDrawerProps = {
     url: string;

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

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

package/build/components/molecules/sidemenu/menuLink.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TextSize, TextType } from 'components/atoms';
+import { TextSize, TextType } from 'components/atoms/text';
 declare type Props = {
     icon: JSX.Element;
     children: ReactNode;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TextSize, TextType } from 'components/atoms';
+import { TextSize, TextType } from 'components/atoms/text';
 import { CSSProperties } from 'styled-components';
 declare type TabContent = {
     name: string;

package/build/components/navigationBookingButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./button.js"),n=require("../tslib.es6-f7929e76.js"),a=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,o=r(e),l=r(a).default.div(i||(i=n.__makeTemplateObject(["\n  a {\n    text-decoration: none;\n  }\n  .login-btn-mobile {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n"],["\n  a {\n    text-decoration: none;\n  }\n  .login-btn-mobile {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n"])));exports.NavigationBookingButton=function(e){var n=e.onCareHeaderClick,a=e.currentUrl,r=e.careUrlFe,i=e.btnName;return o.default.createElement(l,null,n?o.default.createElement(t.Button,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:a,onClick:function(e){return n(e)}},i):o.default.createElement("a",{href:r,className:"care-button no-replace-click"},o.default.createElement(t.Button,{className:"login-btn-mobile",size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:a},i)))};

package/build/components/navigationLayout_deprecated.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../together-643762e2.js");var e=require("../index-851fe704.js");require("./heading.js"),require("../theme-696d81a9.js"),require("../utils-1cac3068.js"),require("styled-components"),require("./logo.js"),require("../constants-ca5ea110.js"),require("string-format"),require("./button.js"),require("./container.js"),require("./text.js"),require("../zalo-e7b9d144.js"),require("./divider.js"),require("../index-afeb5842.js"),require("./pureInput.js"),require("./label.js"),require("../togetherComponentGlobalContext-6197b982.js"),require("../cookieHelper-612b90fa.js"),require("slugify"),require("react-loading-skeleton"),require("../lock-f96868e8.js"),require("./avatar.js"),require("lodash"),require("./popup.js"),require("../translationsProvider-04343e8a.js"),require("../translationsContext-af789c7c.js"),require("../index-32df3e70.js"),require("../useTranslations-589049a5.js"),require("../constants-5675963f.js"),exports.NavigationLayout=e.NavigationLayout;

package/build/components/navigationLogoutPopup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./button.js"),t=require("./popup.js"),o=require("react-dom"),i=require("../useTranslations-589049a5.js");require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js");var l=require("styled-components");require("../constants-5675963f.js");var r=require("../utils-1cac3068.js");require("../Locale-11b51016.js");var a=require("../tslib.es6-f7929e76.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload");var s,u,c=p(n),g=p(l),d=g.default.div(s||(s=a.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),r.MediaQueries.mbDown,r.MediaQueries.mbUp),m=g.default.div(u||(u=a.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));exports.NavigationLogoutPopup=function(l){var a=l.openLogoutPopup,p=l.onCloseHandler,s=l.onLogoutHandler,u=l.siteType,g=void 0===u?"helloSites":u,f=i.useTranslations().t;return n.useEffect((function(){document.body.classList.toggle("noscroll",a)}),[a]),"undefined"==typeof window?null:o.createPortal(c.default.createElement(t.Popup,{type:"confirm",isOpen:a,closeIcon:c.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:p},c.default.createElement(d,null,"helloSites"===g&&c.default.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),c.default.createElement("h2",null,f("helloSites"===g?"logout.popup.ask1":"logout.popup.ask.mb")),c.default.createElement("p",null,f("logout.popup.ask2")),c.default.createElement(m,{siteType:g},c.default.createElement(e.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:s},f("logout.popup.button.logout")),c.default.createElement(e.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:p},f("logout.popup.button.cancel"))))),r.getPopupWrapperDom())};

package/build/components/navigationProfileButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../lock-f96868e8.js");var e=require("../index-f3c70f37.js");require("./avatar.js"),require("./button.js"),require("./text.js"),require("../useTranslations-589049a5.js"),require("../theme-696d81a9.js"),require("./navigationLogoutPopup.js"),require("../utils-1cac3068.js"),require("styled-components"),require("../index-32df3e70.js"),require("../cookieHelper-612b90fa.js"),require("../constants-ca5ea110.js"),require("../constants-5675963f.js"),require("string-format"),require("../translationsContext-af789c7c.js"),require("./popup.js"),require("react-dom"),require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("../Locale-11b51016.js"),exports.NavigationProfileButton=e.NavigationProfileButton;

package/build/components/navigationV2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../core-8fcc56eb.js"),require("./languageSwitcher.js"),require("../constants-5675963f.js"),require("../routing-7d9b5fab.js"),require("../index-4c31d5be.js");var e=require("../navigation.js");require("../index-32df3e70.js"),require("./flag.js"),require("styled-components"),require("./text.js"),require("../theme-696d81a9.js"),require("../utils-1cac3068.js"),require("./avatar.js"),require("./button.js"),require("date-fns"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("../useTranslations-589049a5.js"),require("../translationsContext-af789c7c.js"),require("string-format"),require("../togetherComponentGlobalContext-6197b982.js"),require("../cookieHelper-612b90fa.js"),require("slugify"),require("react-id-generator"),require("./heading.js"),require("../constants-ca5ea110.js"),require("./pureInput.js"),require("./label.js"),require("./container.js"),require("../together-643762e2.js"),require("./logo.js"),require("lodash"),require("../index-cbfaf5d2.js"),require("../useScreenSize-1a87cd03.js"),require("../lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("./navigationBookingButton.js"),require("../index-f3c70f37.js"),require("../lock-f96868e8.js"),require("./navigationLogoutPopup.js"),require("./popup.js"),require("react-dom"),require("../animation-b53aef6e.js"),require("../Locale-11b51016.js"),require("lodash/debounce"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/components/newBabyProfileRadio.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../useTranslations-589049a5.js");require("lodash/debounce"),require("../constants-5675963f.js"),require("date-fns");var r=require("../animation-b53aef6e.js");require("../lazyLoad-f5c59bb0.js");var t=require("styled-components"),a=require("../theme-696d81a9.js");require("../utils-1cac3068.js"),require("../Locale-11b51016.js");var o=require("./input.js"),i=require("./text.js"),s=require("../tslib.es6-f7929e76.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload"),require("./label.js");var l,u=d(e),c=d(t).default.div(l||(l=s.__makeTemplateObject(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),a.theme.colors.gray50,a.theme.colors.gray600,"300ms",a.theme.colors.primaryBase,a.theme.colors.primaryBase,r.fadeIn,"300ms");exports.NewBabyProfileRadio=function(e){var r=e.isActive,t=e.onChange,s=e.value,d=void 0===s?"":s,l=e.onInputChange,p=n.useTranslations().t;return u.default.createElement(c,{onClick:function(){return t("new")}},u.default.createElement("div",{className:"title"},u.default.createElement(i.Text,{size:"p2",color:a.theme.colors.gray800},p("chooseBaby.new")),u.default.createElement("div",{className:r?"radio active":"radio"})),u.default.createElement(o.Input,{name:"name",value:d,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:l}))};

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

@@ -1,11 +1,5 @@
-export { NavigationLayout } from './navigationLayout/languageWrapper';
 export { NavigationV2, Props as NavigationV2Props, getNavMenuContent, getNavMenuContentWithCache, NavMenuContentType, } from './navigationV2';
-export { Layout } from './navigationLayout/layout';
-export { SiteWide } from './navigationLayout/siteWide';
-export { NavigationBar } from './navigationLayout/navigationBar';
-export { defaultTranslation } from './navigationLayout/languages/default';
 export { UserProfileNavigation, UserProfileNavigationHeader, UserProfileNavigationStats, } from './userProfileNavigation';
-export { StickySponsoredBy } from './navigationLayout/sponsoredBy';
 export { Footer } from './footer';
 export { NavigationLogoutPopup, Props as NavigationLogoutPopupProps, } from './navigationLogoutPopup';
 export { ProfilePopup, Props as ProfilePopupProps, } from './navigationProfileButton/profilePopup';

package/build/components/organisms/navigationLayout_deprecated/CustomFooter.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { AmpNextArticle, FooterInfo, LocaleType, MarryBabyFooterInfo } from 'components/organisms/navigationLayout_deprecated/types';
+declare type FooterProps = {
+    type: 'main' | 'mini';
+    locale: LocaleType;
+    basePath: string;
+    isMobile: boolean;
+    isAmp: boolean;
+    footerInfo: FooterInfo | MarryBabyFooterInfo;
+    ampNextArticle?: AmpNextArticle;
+    routerQuery?: {
+        [key: string]: string;
+    };
+} & ({
+    siteType: 'marryBaby';
+    marryBabySocialLinks: {
+        facebookLink: string;
+        twitterLink: string;
+        instagramLink: string;
+        zaloLink: string;
+        linkedinLink: string;
+        youtubeLink: string;
+    };
+} | {
+    siteType: 'helloSites';
+});
+export declare type Flag = {
+    country: CountryInitial;
+    link: string;
+};
+export declare type CountryInitial = 'VN' | 'ID' | 'TH' | 'KH' | 'MY' | 'MM' | 'PH' | 'IN' | 'TW';
+declare const CustomFooter: (props: FooterProps) => JSX.Element;
+export { CustomFooter };

package/build/components/organisms/navigationLayout_deprecated/exportLegacy.d.ts

@@ -0,0 +1,6 @@
+export { Layout } from './layout';
+export { SiteWide } from './siteWide';
+export { NavigationBar } from './navigationBar';
+export { defaultTranslation } from './languages/default';
+export { StickySponsoredBy } from './sponsoredBy';
+export { NavigationLayout } from './languageWrapper';

package/build/components/organisms/navigationLayout_deprecated/navigationBar/NavigationBar.types.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+import { TypeProps as LogoTypeProps } from 'components/atoms/logo';
+import { DesktopMenuPopup, MenuItemType, MobileMenuPopup, SiteType, UserInfo } from 'components/organisms/navigationLayout_deprecated/types';
+import { LocaleType } from 'interfaces/types';
+export declare type TypeProps = 'popup' | 'popup-sub-level' | 'home';
+export declare type TypeOnMenuClick = (s: MobileMenuPopup) => void;
+export declare type TypeStatics = {
+    HOME_PAGE_URL: string;
+    DISCOVER_URL_FE: string;
+    SSO_URL: string;
+    MARRY_BABY_FE: string;
+    CARE_URL_FE: string;
+};
+export interface Props {
+    siteType: SiteType;
+    currentPopupType: DesktopMenuPopup;
+    isInit: boolean;
+    isDisplayed: boolean;
+    basePath: string;
+    onTopBarAppears: (b: boolean) => void;
+    isSearchBarDisplay: boolean;
+    onSearchChange: (v: string) => void;
+    onSearchKeyPress: (e: React.KeyboardEvent<Element>, t: string) => void;
+    title: string;
+    menu: JSX.Element;
+    profileMenu: JSX.Element;
+    openPopup: (s: DesktopMenuPopup) => void;
+    searchPlaceholder: string;
+    type: TypeProps;
+    isMobile: boolean;
+    isLoginButtonDisplayed: boolean;
+    isStatic: boolean;
+    onMenuClick: TypeOnMenuClick;
+    userInfo: UserInfo;
+    routerAsPath: string;
+    locale: LocaleType;
+    statics: TypeStatics;
+    marryBaby: {
+        tone: 'pink' | 'white';
+    };
+    menuItems: MenuItemType[];
+    isAmp: boolean;
+    sitewideBanner?: JSX.Element;
+    sitewideBannerShown?: boolean;
+    sponsorComponent?: JSX.Element;
+    languageMenu?: JSX.Element;
+    isSearchIconDisplayed?: boolean;
+    enabledExperimentalCareHeader?: boolean;
+    onCareHeaderClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+}
+export interface NavigationBarMobileProps {
+    type: TypeProps;
+    isStatic: boolean;
+    isAmp: boolean;
+    isDisplayed: boolean;
+    siteType: SiteType;
+    isCollapsed: boolean;
+    sitewideBannerShown?: boolean;
+    sitewideBanner?: JSX.Element;
+    sitewideBannerClosed: boolean;
+    setSitewideBannerClosed: React.Dispatch<React.SetStateAction<boolean>>;
+    isMobile: boolean;
+    onMenuClick: TypeOnMenuClick;
+    menu: JSX.Element;
+    isSearchIconDisplayed?: boolean;
+    statics: TypeStatics;
+    basePath: string;
+    languageMenu?: JSX.Element;
+    enabledExperimentalCareHeader?: boolean;
+    onCareHeaderClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    logoType: LogoTypeProps;
+    locale: LocaleType;
+    isInit: boolean;
+    title: string;
+    sponsorComponent?: JSX.Element;
+    currentUrl: string;
+    userInfo: UserInfo;
+    currentPopupType: DesktopMenuPopup;
+    avatar: JSX.Element;
+    profileMenu: JSX.Element;
+    isLoginButtonDisplayed: boolean;
+    goToLogin: () => void;
+    isSearchBarDisplay: boolean;
+    searchPlaceholder: string;
+    onSearchValueChanged: (v: string) => void;
+    keyPressed: (e: React.KeyboardEvent<Element>) => void;
+}

package/build/components/organisms/navigationV2/components/atoms/PopupWrapper/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledGridContainer: import("styled-components").StyledComponent<({ children, className, style, type }: import("../../../../../atoms/container").Props) => JSX.Element, any, {}, never>;
+export declare const StyledGridContainer: import("styled-components").StyledComponent<({ children, className, style, type }: import("src/components/atoms/container").Props) => JSX.Element, any, {}, never>;
 export declare const StyledItemGridLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMenuPopupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/navigationV2/components/molecules/Categories/index.styled.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledItemGridLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledIconNav: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledItemAll: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -8,3 +8,4 @@ export declare const StyledItem: import("styled-components").StyledComponent<"a"
 export declare const StyledInfoUser: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledWrapInfo: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/navigationV2/components/molecules/navigationBar/index.styled.d.ts

@@ -12,4 +12,5 @@ export declare const StyledLogoWrapper: import("styled-components").StyledCompon
 export declare const StyledRightGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledServiceListMenuSearchInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledProfileNavGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledWrapMenuItems: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};