@hhgtech/hhg-components 1.23.19 → 1.23.20

package/build/esm/{index.styled-0aec3c18.js → index-21e1a104.js}

@@ -1 +1 @@
-import{b as n,c as t}from"./tslib.es6-417f9890.js";import{M as e}from"./utils-e7e59ade.js";import o from"styled-components";import a,{memo as i,useMemo as h}from"react";import{CommonGAssets as l}from"./gAssets.js";import{L as s}from"./Locale-0c726c3c.js";var p,g,r,x,d=o.div(p||(p=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),e.mbDown),c=o.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=i((function(n){var t=n.type,e=n.width,o=n.height,i=h((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:o||"24px",src:l.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:o||"27px",src:l.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:o||"24px",src:l.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:o||"24px",src:l.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:o||"24px",src:l.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:o||"24px",src:l.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:o||"24px",src:l.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:o||"24px",src:l.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:o||"57px",src:l.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:o||"28px",src:l.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,o])||{},s=i.src,p=i.width,g=i.height;return a.createElement("img",{className:"main-logo-icon",src:s,style:{width:p,height:g}})})),f=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},u={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},y=[s.Vietnam,s.Taiwan,s.Indonesia,s.Malaysia],w=function(n){var t=n.getFullYear(),e=u[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},b=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},z="style-module_container__d76E4",v=function(n){var t=n.children,e=n.className,o=n.style,i=n.type;return a.createElement("div",{className:"".concat(z," ").concat(e||""),style:o,"data-type":i},t)},A=o((function(n){var e=n.type,o=t(n,["type"]);return a.createElement(e,o)}))(r||(r=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"],["\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})),P=o.p(x||(x=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"],["\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}));export{v as C,y as L,d as S,w as a,b,m as c,c as d,A as e,P as f,f as i};
+import{b as n,c as t}from"./tslib.es6-20394193.js";import{M as e}from"./utils-9fa1c32b.js";import o from"styled-components";import a,{memo as i,useMemo as h}from"react";import{CommonGAssets as l}from"./gAssets.js";import{L as s}from"./Locale-7b23b9e9.js";var p,g,r,x,d=o.div(p||(p=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),e.mbDown),c=o.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=i((function(n){var t=n.type,e=n.width,o=n.height,i=h((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:o||"24px",src:l.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:o||"27px",src:l.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:o||"24px",src:l.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:o||"24px",src:l.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:o||"24px",src:l.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:o||"24px",src:l.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:o||"24px",src:l.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:o||"24px",src:l.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:o||"57px",src:l.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:o||"28px",src:l.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,o])||{},s=i.src,p=i.width,g=i.height;return a.createElement("img",{className:"main-logo-icon",src:s,style:{width:p,height:g}})})),f=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},u={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},y=[s.Vietnam,s.Taiwan,s.Indonesia,s.Malaysia],w=function(n){var t=n.getFullYear(),e=u[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},b=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},z=o((function(n){var e=n.type,o=t(n,["type"]);return a.createElement(e,o)}))(r||(r=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"],["\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})),v=o.p(x||(x=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"],["\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})),A="style-module_container__d76E4",P=function(n){var t=n.children,e=n.className,o=n.style,i=n.type;return a.createElement("div",{className:"".concat(A," ").concat(e||""),style:o,"data-type":i},t)};export{P as C,y as L,d as S,w as a,b,m as c,c as d,z as e,v as f,f as i};