@hhgtech/hhg-components 1.22.43 → 1.23.1

package/build/esm/index-b1413e52.js

@@ -1 +0,0 @@
-import{b as n,c as e,_ as t}from"./tslib.es6-5bf8141f.js";import a from"react";import{t as i}from"./theme-d3d5cc84.js";import{M as p}from"./utils-f8edf610.js";import s from"styled-components";var o,l="\n  &[data-size='lg'], &[data-size='md'] {\n    font-size: 16px;\n    line-height: 28px;\n    ".concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='base'] {\n    font-size: 16px;\n    line-height: 24px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='sm'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='xs'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s1'] {\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.6px;\n    ").concat(p.tdUp," {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.6px;\n    }\n  }\n  &[data-size='s2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.4px;\n    }\n  }\n  &[data-size='s3'] {\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s4'] {\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='s5'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  &[data-size='p1'] {\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  &[data-size='p2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p3'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p4'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='c1'] {\n    font-size: 14px;\n    line-height: 22px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='c2'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n  &[data-size='n1'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='label2'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"),c="\n  font-weight: ".concat(i.sizes.fwRegular,";\n  &[data-type='bold'], &[data-type='caption'] {\n    font-weight: ").concat(i.sizes.fwBold,";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ").concat(i.sizes.fwSemiBold,";\n  }\n"),r=s.p(o||(o=n(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"])),i.defaultColor||i.colors.gray800,l,c,"\n  &[data-word-wrap='break-all'] {\n    word-break: break-all;\n  }\n  &[data-word-wrap='break-word'] {\n    word-break: break-word;\n  }\n  &[data-is-uppercase], &[data-type='caption'] {\n    text-transform: uppercase;\n  }\n"),x=function(n){var i=n.size,p=void 0===i?"base":i,s=n.type,o=void 0===s?"regular":s,l=n.title,c=n.className,x=n.style,d=n.children,h=n.color,g=n.dataEventCategory,z=n.dataEventAction,f=n.dataEventLabel,m=n.as,w=n.wordWrap,y=n.isUppercase,U=n.dangerouslySetInnerHTML,b=e(n,["size","type","title","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase","dangerouslySetInnerHTML"]),v={"--custom-color":h};return a.createElement(r,t({title:l,"data-size":p,"data-type":o,style:t(t({},x),v),className:c,"data-event-category":g,"data-event-action":z,"data-event-label":f,"data-word-wrap":w,"data-is-uppercase":y,as:m,dangerouslySetInnerHTML:U},b),d)};export{x as T};

package/build/esm/index-be17e791.js

@@ -1 +0,0 @@
-import{b as n}from"./tslib.es6-5bf8141f.js";import{M as t}from"./utils-f8edf610.js";import e from"styled-components";import o,{memo as a,useMemo as i}from"react";import{CommonGAssets as s}from"./gAssets.js";import{L as l}from"./Locale-78d46a02.js";var h,g,r,p=e.div(h||(h=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"])),t.mbDown),m=e.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"]))),d=a((function(n){var t=n.type,e=n.width,a=n.height,l=i((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:s.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:s.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:s.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:s.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:s.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:s.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:s.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:s.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:s.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:s.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:s.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:s.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:s.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:s.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,g=l.width,r=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:g,height:r}})})),c=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},x={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]},f=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],u=function(n){var t=n.getFullYear(),e=x[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},w=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},y=e.div(r||(r=n(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),t.mbDown,t.tdUp),b=function(n){var t=n.children,e=n.className,a=n.style,i=n.type;return o.createElement(y,{className:e,style:a,"data-type":i},t)};export{b as C,f as L,p as S,u as a,w as b,d as c,m as d,c as i};

package/build/index-0b07ee85.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-99ec8021.js"),e=require("./utils-37bbdb6b.js"),t=require("styled-components"),o=require("react"),a=require("./gAssets.js"),s=require("./Locale-e64a2aab.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var l,r,h,g=i(t),p=i(o),m=g.default.div(l||(l=n.__makeTemplateObject(["\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.MediaQueries.mbDown),d=g.default.img(r||(r=n.__makeTemplateObject(["\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"]))),c=o.memo((function(n){var e=n.type,t=n.width,s=n.height,i=o.useMemo((function(){switch(e){case"hellobacsi":return{width:t||"107px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:t||"127px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:t||"121px",height:s||"27px",src:a.CommonGAssets.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:t||"123px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:t||"150px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:t||"99px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:t||"127px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:t||"101px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:t||"111px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:t||"89px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:t||"123px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:t||"105px",height:s||"24px",src:a.CommonGAssets.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:t||"60px",height:s||"57px",src:a.CommonGAssets.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:t||"145px",height:s||"28px",src:a.CommonGAssets.getAssetPath("logo/marrybaby.png")};default:return null}}),[e,t,s])||{},l=i.src,r=i.width,h=i.height;return p.default.createElement("img",{className:"main-logo-icon",src:l,style:{width:r,height:h}})})),x={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]},u=[s.LOCALE.Vietnam,s.LOCALE.Taiwan,s.LOCALE.Indonesia,s.LOCALE.Malaysia],f=g.default.div(h||(h=n.__makeTemplateObject(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),e.MediaQueries.mbDown,e.MediaQueries.tdUp);exports.Container=function(n){var e=n.children,t=n.className,o=n.style,a=n.type;return p.default.createElement(f,{className:t,style:o,"data-type":a},e)},exports.LogoIcon=c,exports.LunarNewYearLocale=u,exports.StyledLogo=m,exports.StyledProLogo=d,exports.isChristmas=function(n){var e=n.getDate();return 11===n.getMonth()&&e>=16&&e<=25},exports.isLunarNewYear=function(n){var e=n.getFullYear(),t=x[e];if(!t)return!1;var o=new Date(e,t[1],t[0]),a=new Date(o);a.setDate(o.getDate()-7);var s=new Date(o);return s.setDate(o.getDate()+5),a<=n&&n<=s},exports.isNewYear=function(n){var e=n.getDate(),t=n.getMonth();return 11===t&&e>=26||0===t&&e<=15};