@hhgtech/hhg-components 1.22.24 → 1.22.25-beta-1

package/build/{index-9f3366ff.js → index-d5556aa5.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-e6f346c4.js"),e=require("react"),t=require("./index-6193a08c.js"),i=require("./utils-43f2c752.js"),a=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=o(e),s=o(a),l=s.default.div(p||(p=n.__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}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp);s.default.label(d||(d=n.__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 p,d,u,c,h,f=s.default.label(u||(u=n.__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})),m=s.default.div(c||(c=n.__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"]))),x=s.default.div(h||(h=n.__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.Input=function(i){var a=i.name,o=i.value,s=i.errorMessage,p=i.isNumerousKeyboard,d=void 0!==p&&p,u=i.actionIcon,c=i.displayIcon,h=i.onActionClick,g=i.label,b=i.className,y=i.onChange,v=i.isDisabled,z=i.CustomInput,w=i.size,k=i.style,C=i.autoComplete,_=void 0===C?"off":C,N=i.type,E=void 0===N?"text":N,M=i.inputClassName,j=i.trackingAttributes,I=i.enterKeyHint,Q=n.__rest(i,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),q=e.useMemo((function(){return j?{"data-event-category":j.dataEventCategory,"data-event-action":j.dataEventAction,"data-event-label":j.dataEventLabel}:{}}),[j]);return r.default.createElement(l,{"data-size":w,className:b,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!c||void 0,"data-has-error":s&&s.length>0||void 0,style:k},g&&r.default.createElement(t.Label,{size:"label2",htmlFor:a,className:"inputLabel"},g),r.default.createElement("div",{style:{position:"relative"}},z||r.default.createElement("input",n.__assign({id:a,name:a,onChange:function(n){return y&&y(n.target.value)},type:E,"aria-label":E,value:o,disabled:v,autoComplete:_,inputMode:d||"number"===E?"numeric":E,pattern:d?"[0-9]*":".*",className:M,enterKeyHint:I},q,Q)),c&&r.default.createElement(x,{className:"displayIcon"},c),u&&r.default.createElement(m,{className:"actionIcon",onClick:h},u)),s&&s.length>0&&r.default.createElement(f,{className:"errorLabel"},s))};
+"use strict";var n=require("./tslib.es6-e913d68b.js"),e=require("react"),t=require("./index-6b1ac1e5.js"),i=require("./utils-19642742.js"),a=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=o(e),s=o(a),l=s.default.div(p||(p=n.__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}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),i.MediaQueries.mbDown,i.MediaQueries.mbUp);s.default.label(d||(d=n.__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 p,d,u,c,h,f=s.default.label(u||(u=n.__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})),m=s.default.div(c||(c=n.__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"]))),x=s.default.div(h||(h=n.__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.Input=function(i){var a=i.name,o=i.value,s=i.errorMessage,p=i.isNumerousKeyboard,d=void 0!==p&&p,u=i.actionIcon,c=i.displayIcon,h=i.onActionClick,g=i.label,b=i.className,y=i.onChange,v=i.isDisabled,z=i.CustomInput,w=i.size,k=i.style,C=i.autoComplete,_=void 0===C?"off":C,N=i.type,E=void 0===N?"text":N,M=i.inputClassName,j=i.trackingAttributes,I=i.enterKeyHint,Q=n.__rest(i,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),q=e.useMemo((function(){return j?{"data-event-category":j.dataEventCategory,"data-event-action":j.dataEventAction,"data-event-label":j.dataEventLabel}:{}}),[j]);return r.default.createElement(l,{"data-size":w,className:b,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!c||void 0,"data-has-error":s&&s.length>0||void 0,style:k},g&&r.default.createElement(t.Label,{size:"label2",htmlFor:a,className:"inputLabel"},g),r.default.createElement("div",{style:{position:"relative"}},z||r.default.createElement("input",n.__assign({id:a,name:a,onChange:function(n){return y&&y(n.target.value)},type:E,"aria-label":E,value:o,disabled:v,autoComplete:_,inputMode:d||"number"===E?"numeric":E,pattern:d?"[0-9]*":".*",className:M,enterKeyHint:I},q,Q)),c&&r.default.createElement(x,{className:"displayIcon"},c),u&&r.default.createElement(m,{className:"actionIcon",onClick:h},u)),s&&s.length>0&&r.default.createElement(f,{className:"errorLabel"},s))};

package/build/{index-7d3b086d.js → index-eb7ca7e3.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-e6f346c4.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})),x=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(x,n.__assign({"data-type":e,style:n.__assign(n.__assign({},a),i&&{"--text-color":i})},p))};
+"use strict";var n=require("./tslib.es6-e913d68b.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})),x=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(x,n.__assign({"data-type":e,style:n.__assign(n.__assign({},a),i&&{"--text-color":i})},p))};

package/build/{index-b63d6868.js → index-f72bbc7b.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),r=require("./Locale-11b51016.js"),t=require("./gAssets.js"),i=require("./theme-b4bf0ca3.js"),l=require("./index-f50d4c63.js"),o=require("styled-components"),a=require("./index-8ddc0bb9.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,b=c(n),x=c(o),f=x.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})),g=x.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=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=x.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return b.default.createElement(g,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),b.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},b.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?b.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):b.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=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"]))),_=x.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=x.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return b.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return b.default.createElement(_,e.__assign({key:t,onClick:l},o),b.default.createElement("div",{className:"centerred-pill-wrapper"},b.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};
+"use strict";var e=require("./tslib.es6-e913d68b.js"),n=require("react"),r=require("./Locale-776bc4e9.js"),t=require("./gAssets.js"),i=require("./theme-b257f481.js"),l=require("./index-66d94ff5.js"),o=require("styled-components"),a=require("./index-3548be0c.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,x=c(n),b=c(o),f=b.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})),g=b.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=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=b.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return x.default.createElement(g,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),x.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},x.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?x.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):x.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=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"]))),_=b.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=b.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return x.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return x.default.createElement(_,e.__assign({key:t,onClick:l},o),x.default.createElement("div",{className:"centerred-pill-wrapper"},x.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};