@hhgtech/hhg-components 1.23.64 → 1.23.65

package/build/{index.styled-6aa24997.js → index.styled-410b8b5c.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./tslib.es6-caad5056.js"),t=require("./utils-d5c68dfb.js"),i=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=o(n),r=o(i),s="DjBFAbd",p=r.default.div(l||(l=e.__makeTemplateObject(["\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      line-height: 22px;\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      line-height: 20px;\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      line-height: 22px;\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      line-height: 20px;\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}),t.MediaQueries.mbDown,t.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.MediaQueries.mbDown,t.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.MediaQueries.mbDown,t.MediaQueries.mbUp);r.default.label(d||(d=e.__makeTemplateObject(["\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 l,d,u,c,h,x=r.default.label(u||(u=e.__makeTemplateObject(["\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})),f=r.default.div(c||(c=e.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),g=r.default.div(h||(h=e.__makeTemplateObject(["\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"])));exports.Label=function(n){var e=n.children,t=n.className,i=n.style,o=n.htmlFor,r=n.size;return a.default.createElement("label",{"data-size":r,className:"".concat(s," ").concat(t||""),style:i,htmlFor:o},e)},exports.StyledActionIcon=f,exports.StyledDisplayIcon=g,exports.StyledErrorLabel=x,exports.StyledInput=p;
+"use strict";var n=require("react"),e=require("./tslib.es6-729403f3.js"),t=require("./utils-20e9cc93.js"),i=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a=o(n),r=o(i),s="DjBFAbd",p=r.default.div(l||(l=e.__makeTemplateObject(["\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      line-height: 22px;\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      line-height: 20px;\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      line-height: 22px;\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      line-height: 20px;\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}),t.MediaQueries.mbDown,t.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.MediaQueries.mbDown,t.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.MediaQueries.mbDown,t.MediaQueries.mbUp);r.default.label(d||(d=e.__makeTemplateObject(["\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 l,d,u,c,h,x=r.default.label(u||(u=e.__makeTemplateObject(["\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})),f=r.default.div(c||(c=e.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),g=r.default.div(h||(h=e.__makeTemplateObject(["\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"])));exports.Label=function(n){var e=n.children,t=n.className,i=n.style,o=n.htmlFor,r=n.size;return a.default.createElement("label",{"data-size":r,className:"".concat(s," ").concat(t||""),style:i,htmlFor:o},e)},exports.StyledActionIcon=f,exports.StyledDisplayIcon=g,exports.StyledErrorLabel=x,exports.StyledInput=p;

package/build/{index.styled-b9e5c562.js → index.styled-52132b72.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-caad5056.js"),n=require("react"),t=require("./Locale-0c677f95.js"),r=require("./gAssets.js"),i=require("./theme-465089c0.js"),o=require("./index-d117c2ab.js"),l=require("styled-components"),a=require("./index-ea71fdda.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,s,p,u,x,m=c(n),f=c(l),g=f.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),b=f.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[t.LOCALE.Myanmar,t.LOCALE.Taiwan],k=f.default((function(t){var l=t.icon,a=t.name,c=t.className,d=t.locale,s=void 0===d?"en-PH":d,p=t.onSelect,u=e.__rest(t,["icon","name","className","locale","onSelect"]),x=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return m.default.createElement(b,e.__assign({onClick:p,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},u),m.default.createElement(g,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},m.default.createElement("img",{src:l||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),x?m.default.createElement(o.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(s)&&{style:{fontSize:"10px"}}),a):m.default.createElement(o.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(s)&&{style:{fontSize:"10px"}}),a))}))(p||(p=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),w=f.default(a.CentralCarousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),_=f.default(a.CentralCarousel)(x||(x=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.StyledCarousel=_,exports.StyledPill=k,exports.StyledSlide=w;
+"use strict";var e=require("./tslib.es6-729403f3.js"),n=require("react"),t=require("./Locale-5d5c1165.js"),r=require("./gAssets.js"),i=require("./theme-97aa7824.js"),o=require("./index-1ad363ab.js"),l=require("styled-components"),a=require("./index-232e3ec1.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,p,u,x,m=c(n),g=c(l),f=g.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),b=g.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[t.LOCALE.Myanmar,t.LOCALE.Taiwan],k=g.default((function(t){var l=t.icon,a=t.name,c=t.className,s=t.locale,d=void 0===s?"en-PH":s,p=t.onSelect,u=e.__rest(t,["icon","name","className","locale","onSelect"]),x=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return m.default.createElement(b,e.__assign({onClick:p,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},u),m.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},m.default.createElement("img",{src:l||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),x?m.default.createElement(o.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):m.default.createElement(o.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(p||(p=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),w=g.default(a.CentralCarousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),_=g.default(a.CentralCarousel)(x||(x=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.StyledCarousel=_,exports.StyledPill=k,exports.StyledSlide=w;