@hhgtech/hhg-components 1.22.34 → 1.22.35-beta-1

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-a817e0b3.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-ddb9cbd0.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});

package/build/{useFbDataLayer-eedaa95c.js → useFbDataLayer-7cd85ac5.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),t=require("react"),n=require("./cookieHelper-54048238.js");function r(e){var t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}exports.useFbDataLayer=function(i){t.useEffect((function(){return(null==i?void 0:i.id)&&e.__awaiter(void 0,void 0,void 0,(function(){var t,o,a,l,u,c,s,f,d,p,g,h,m,b;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(t=e.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:t=e.sent(),e.label=3;case 3:return[4,Promise.all([i.email?r(i.email):null,i.phone?r(i.phone):null,i.birthday?r(i.birthday.split("-").join("")):null,i.gender?"m":"f",i.city_name?r(i.city_name).then((function(e){return e.replace(/\s/g,"")})):null,i.name?r(i.name):null])];case 4:return o=e.sent(),a=o[0],l=o[1],u=o[2],c=o[3],s=o[4],f=o[5],d={fbc:n.getCookie("_fbc")||"",fbp:n.getCookie("_fbp")||""},p={user_id:i.id},f&&(p.fn=f),a&&(d.em=a,p.em=a),l&&(d.ph=l,p.ph=l),u&&(d.db=u,p.db=u),c&&(d.ge=c,p.ge=c),s&&(d.ct=s,p.ct=s),null===(h=null===(g=window.localStorage)||void 0===g?void 0:g.setItem)||void 0===h||h.call(g,"fbDataLayer_userInfo",JSON.stringify(p)),null===(b=null===(m=window.localStorage)||void 0===m?void 0:m.setItem)||void 0===b||b.call(m,"fbClientIp",JSON.stringify({client_ip_address:(null==t?void 0:t.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),[2]}}))})),function(){}}),[i])};
+"use strict";var e=require("./tslib.es6-4e0178b0.js"),t=require("react"),n=require("./cookieHelper-5216ed63.js");function r(e){var t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}exports.useFbDataLayer=function(i){t.useEffect((function(){return(null==i?void 0:i.id)&&e.__awaiter(void 0,void 0,void 0,(function(){var t,o,a,l,u,c,s,d,f,p,g,h,b,m;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(t=e.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:t=e.sent(),e.label=3;case 3:return[4,Promise.all([i.email?r(i.email):null,i.phone?r(i.phone):null,i.birthday?r(i.birthday.split("-").join("")):null,i.gender?"m":"f",i.city_name?r(i.city_name).then((function(e){return e.replace(/\s/g,"")})):null,i.name?r(i.name):null])];case 4:return o=e.sent(),a=o[0],l=o[1],u=o[2],c=o[3],s=o[4],d=o[5],f={fbc:n.getCookie("_fbc")||"",fbp:n.getCookie("_fbp")||""},p={user_id:i.id},d&&(p.fn=d),a&&(f.em=a,p.em=a),l&&(f.ph=l,p.ph=l),u&&(f.db=u,p.db=u),c&&(f.ge=c,p.ge=c),s&&(f.ct=s,p.ct=s),null===(h=null===(g=window.localStorage)||void 0===g?void 0:g.setItem)||void 0===h||h.call(g,"fbDataLayer_userInfo",JSON.stringify(p)),null===(m=null===(b=window.localStorage)||void 0===b?void 0:b.setItem)||void 0===m||m.call(b,"fbClientIp",JSON.stringify({client_ip_address:(null==t?void 0:t.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),[2]}}))})),function(){}}),[i])};

package/build/{useHealthToolCache-38f50452.js → useHealthToolCache-f771ee07.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),t=require("react"),r=require("./getDynamicHealthTool-95168d7e.js");exports.useHealthToolsCache=function(a){var i=t.useState([]),n=i[0],o=i[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.getDynamicHealthToolWithCache(a)];case 1:return t=e.sent(),o(t),[2]}}))}))}),[r.getDynamicHealthToolWithCache,a]);var l=t.useCallback((function(e){var t;return(null===(t=n.find((function(t){return t.template===e})))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:l}};
+"use strict";var e=require("./tslib.es6-4e0178b0.js"),t=require("react"),r=require("./getDynamicHealthTool-50161259.js");exports.useHealthToolsCache=function(a){var i=t.useState([]),n=i[0],o=i[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,r.getDynamicHealthToolWithCache(a)];case 1:return t=e.sent(),o(t),[2]}}))}))}),[r.getDynamicHealthToolWithCache,a]);var l=t.useCallback((function(e){var t;return(null===(t=n.find((function(t){return t.template===e})))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:l}};

package/build/{useTranslations-231429a4.js → useTranslations-c45bd644.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./translationsContext-8d6c61df.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(require("string-format"));exports.useTranslations=function(){var n=e.useContext(t.TranslationsContext)||{locale:"en-PH"},r=n.values,o=n.locale;return e.useMemo((function(){return{t:function(e,n){return r?r[e]?n?a.default(r[e]||e,n):r[e]||e:(console.warn("[useTranslations] Missing translation for key ".concat(e," and locale ").concat(o)),n?a.default(t.defaultTranslations[e]||e,n):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e)},locale:o}}),[r,o])};
+"use strict";var e=require("react"),t=require("./translationsContext-4f724422.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(require("string-format"));exports.useTranslations=function(){var n=e.useContext(t.TranslationsContext)||{locale:"en-PH"},r=n.values,o=n.locale;return e.useMemo((function(){return{t:function(e,n){return r?r[e]?n?a.default(r[e]||e,n):r[e]||e:(console.warn("[useTranslations] Missing translation for key ".concat(e," and locale ").concat(o)),n?a.default(t.defaultTranslations[e]||e,n):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e)},locale:o}}),[r,o])};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.22.34",
+  "version": "1.22.35-beta-1",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

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

@@ -1,9 +0,0 @@
-export declare const StyledSpinerBase: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const StyledSpinerCircle: import("styled-components").StyledComponent<"circle", any, {}, never>;
-export declare const StyledLoader: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const StyledLoaderPath: import("styled-components").StyledComponent<"path", any, {}, never>;
-export declare const StyledSpiner: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButtonText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButtonIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButtonInner: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1 +0,0 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +0,0 @@
-export declare const StyledFlag: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,7 +0,0 @@
-import { Props } from '.';
-type CssProps = {
-    headingTag: Props['tag'];
-    headingFontWeight: Props['fontWeight'];
-};
-export declare const StyledHeading: import("styled-components").StyledComponent<"div", any, CssProps, never>;
-export {};

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

@@ -1 +0,0 @@
-export declare const StyledText: import("styled-components").StyledComponent<"p", any, {}, never>;

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

@@ -1,4 +0,0 @@
-export declare const StyledExpertName: import("styled-components").StyledComponent<"h6", any, {}, never>;
-export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const StyledCard: import("styled-components").StyledComponent<"article", any, {}, never>;
-export declare const StyledAuthor: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +0,0 @@
-export declare const StyledBreadcrumb: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTextLink: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/footer/discoverFooter/index.styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
-export declare const StyledFlag: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/footer/maryBabyFooter/index.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledFooterContainer: import("styled-components").StyledComponent<"footer", any, {}, never>;
-export declare const StyledMenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapItems: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapCopyRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/esm/defaultClassWrapper-7a9672a6.js

@@ -1 +0,0 @@
-import{c as a,_ as c}from"./tslib.es6-c7fb770c.js";import r,{forwardRef as e}from"react";var t=function(t,s){return e((function(e,n){var o=e.className,m=a(e,["className"]);return r.createElement(t,c({ref:n,className:"".concat(s," ").concat(o||"")},m))}))};export{t as g};

package/build/esm/index-27d646df.js

@@ -1 +0,0 @@
-import{b as n,c as t,_ as e}from"./tslib.es6-c7fb770c.js";import a from"styled-components";import i from"react";import{t as r}from"./theme-4a36a09c.js";import{M as o}from"./utils-a4496303.js";var d,h,s=a.div(d||(d=n(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),c=a.div(h||(h=n(["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"],["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"h1":return"\n        font-size: 26px;\n        letter-spacing: -0.9px;\n        line-height: 34px;\n        ".concat(o.tdUp," {\n          font-size: 40px;\n          line-height: 52px;\n          letter-spacing: -1.2px;\n        }\n      ");case"h2":return"\n        font-size: 24px;\n        letter-spacing: -0.8px;\n        line-height: 32px;\n        ".concat(o.tdUp," {\n          font-size: 32px;\n          line-height: 42px;\n          letter-spacing: -1px;\n        }\n      ");case"h3":return"\n        font-size: 20px;\n        letter-spacing: -0.7px;\n        line-height: 26px;\n        ".concat(o.tdUp," {\n          font-size: 26px;\n          line-height: 36px;\n          letter-spacing: -0.8px;\n        }\n      ");case"h4":return"\n        font-size: 18px;\n        letter-spacing: -0.6px;\n        line-height: 26px;\n        ".concat(o.tdUp," {\n          font-size: 22px;\n          line-height: 32px;\n        }\n      ");case"h5":return"\n        font-size: 16px;\n        letter-spacing: -0.2px;\n        line-height: 24px;\n        ".concat(o.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n        }\n      ");case"h6":return"\n        font-size: 14px;\n        line-height: 22px;\n        letter-spacing: -0.2px;\n          ".concat(o.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n          letter-spacing: 0;\n        }\n      ")}}(n.headingTag)}),(function(n){return function(n){switch(n){case"bold":return"\n       font-weight: ".concat(r.sizes.fwBold,";\n      ");case"semibold":return"\n       font-weight: ".concat(r.sizes.fwSemiBold,";\n      ");default:return"\n        font-weight: ".concat(r.sizes.fwBold,";\n      ")}}(n.headingFontWeight)})),p=function(n){var a,r=n.as,o=n.tag,d=n.className,h=n.children,s=n.title,p=n.color,g=n.style,l=n.fontWeight,u=n.dataEventCategory,v=n.dataEventAction,x=n.dataEventLabel,f=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),m=r||o;return i.createElement(c,e({title:s,style:e(e({},p?(a={},a["--custom-heading-color"]=p,a):void 0),g),"data-tag":o,"data-font-weight":l||void 0,"data-event-category":u,"data-event-action":v,"data-event-label":x,as:m,className:d,headingFontWeight:l,headingTag:o},f),h)};export{p as H,s as S};

package/build/esm/index-43dc3915.js

@@ -1 +0,0 @@
-import{G as r,B as e,a as t,b as a,L as o}from"./Locale-597e8a2f.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return e},get BabyGrowthChartDuration(){return t},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};

package/build/esm/index-4ba866f2.js

@@ -1 +0,0 @@
-import{b as n,c as e,_ as t}from"./tslib.es6-c7fb770c.js";import i from"styled-components";import o,{useState as a}from"react";import{L as r}from"./index-be749962.js";import{M as s}from"./utils-a4496303.js";var l,p=i.div(l||(l=n(["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"],["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"])),(function(n){return n.theme.width||20}),(function(n){return n.theme.height||20})),c=i.div(d||(d=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),s.mbDown,s.mbUp,(function(n){return n.theme.sizes.fwRegular}),s.mbDown,s.mbUp,(function(n){return n.theme.sizes.fwRegular}),s.mbDown,s.mbUp);i.label(h||(h=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var d,h,u,f,m,x=i.label(u||(u=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),g=i.div(f||(f=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),b=i.div(m||(m=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),w=o.forwardRef((function(n,i){var s=n.name,l=n.errorMessage,p=n.autoComplete,d=void 0===p?"off":p,h=n.defaultValue,u=n.actionIcon,f=n.displayIcon,m=n.isDeleteAction,w=n.onActionClick,v=n.label,y=n.placeholder,z=n.className,C=n.onChange,N=n.onKeyPress,I=n.isDisabled,K=n.CustomInput,k=n.size,D=n.style,E=n.autoFocus,F=n.type,j=void 0===F?"text":F,P=n.isNumerousKeyboard,R=void 0!==P&&P,A=n.onFocus,M=n.enterKeyHint,Y=n.nativeOnChange,H=e(n,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),L=a(h),U=L[0],B=L[1];return o.createElement(c,{"data-size":k,className:z,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!f||void 0,"data-has-error":l&&l.length>0||void 0,style:D},v&&o.createElement(r,{size:"label2",htmlFor:s,className:"inputLabel"},v),o.createElement("div",{style:{position:"relative"}},K||o.createElement("input",t({id:s,name:s,placeholder:y,onChange:null!=Y?Y:function(n){return e=n.target.value,B(e),void C(e);var e},onKeyPress:N,type:j,"aria-label":j,disabled:I,value:U,autoComplete:d,ref:i,autoFocus:E,inputMode:R||"number"===j?"numeric":j,pattern:R?"[0-9]*":".*",onFocus:A,enterKeyHint:M},H)),f&&o.createElement(b,{className:"displayIcon"},f),u&&o.createElement(g,{className:"actionIcon",onClick:function(){var n;m&&(B(""),null===(n=i.current)||void 0===n||n.focus()),w&&w()}},u)),l&&l.length>0&&o.createElement(x,{className:"errorLabel"},l))}));w.displayName="PureInput";export{w as P,p as S};