@hhgtech/hhg-components 1.21.88 → 1.21.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/care.js +1 -1
  3. package/build/components.js +1 -1
  4. package/build/ecom.js +1 -1
  5. package/build/esm/babyGrowth.js +1 -1
  6. package/build/esm/care.js +1 -1
  7. package/build/esm/components.js +1 -1
  8. package/build/esm/ecom.js +1 -1
  9. package/build/esm/footer.js +1 -1
  10. package/build/esm/{index-fdce1dc1.js → index-05e05df2.js} +1 -1
  11. package/build/esm/{index-c4be547e.js → index-697f7291.js} +1 -1
  12. package/build/esm/{index-37c10866.js → index-76ed6ec1.js} +1 -1
  13. package/build/esm/{index-6ebadd9f.js → index-78966445.js} +1 -1
  14. package/build/esm/{index-1d345383.js → index-90e0d8f5.js} +1 -1
  15. package/build/esm/{index-91f5a550.js → index-b584877c.js} +1 -1
  16. package/build/esm/{index-db100bfe.js → index-d5a60b16.js} +1 -1
  17. package/build/esm/index.js +1 -1
  18. package/build/esm/mantine.js +1 -1
  19. package/build/esm/misc.js +1 -1
  20. package/build/esm/navigation.js +1 -1
  21. package/build/esm/pwg.js +1 -1
  22. package/build/esm/{theme-a50a1aa5.js → theme-13d11d67.js} +1 -1
  23. package/build/esm/together.js +1 -1
  24. package/build/esm/{types-c751a7fb.js → types-d22aac4c.js} +1 -1
  25. package/build/esm/{types-6cfd04f0.js → types-db7696af.js} +1 -1
  26. package/build/footer.js +1 -1
  27. package/build/{index-cb718668.js → index-01e64289.js} +1 -1
  28. package/build/{index-7c51f805.js → index-060b92fc.js} +1 -1
  29. package/build/{index-662c934f.js → index-1b23d9a3.js} +1 -1
  30. package/build/{index-12476f9c.js → index-8cf56087.js} +1 -1
  31. package/build/{index-aae60289.js → index-d39e4393.js} +1 -1
  32. package/build/{index-8ebed99b.js → index-d632029d.js} +1 -1
  33. package/build/{index-0ecbbfbd.js → index-e697acc3.js} +1 -1
  34. package/build/index.js +1 -1
  35. package/build/mantine.js +1 -1
  36. package/build/misc.js +1 -1
  37. package/build/navigation.js +1 -1
  38. package/build/pwg.js +1 -1
  39. package/build/{theme-696d81a9.js → theme-b4bf0ca3.js} +1 -1
  40. package/build/together.js +1 -1
  41. package/build/{types-5fa20dcc.js → types-5202b322.js} +1 -1
  42. package/build/{types-a556493e.js → types-c9422b30.js} +1 -1
  43. package/package.json +1 -1
package/build/esm/{index-c4be547e.js → index-697f7291.js} RENAMED
@@ -1 +1 @@
1
- import{_ as n,c as a,a as o}from"./tslib.es6-44f7e5ec.js";import r from"react";import{t}from"./theme-a50a1aa5.js";import e,{keyframes as i}from"styled-components";var d,l,s,c,p,g,h,m,b,u,x=i(d||(d=n(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),y=e.svg(l||(l=n([""],[""]))),v=e.circle(s||(s=n([""],[""]))),f=e.svg(c||(c=n(["\n animation: "," 1.2s linear infinite;\n"],["\n animation: "," 1.2s linear infinite;\n"])),x),k=e.path(p||(p=n([""],[""]))),C=e.span(g||(g=n(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg + svg {\n position: absolute;\n left: 0;\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg + svg {\n position: absolute;\n left: 0;\n }\n"]))),w=e.span(h||(h=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n"]))),z=e.span(m||(m=n([""],[""]))),B=e.span(b||(b=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n"]))),P=e.button(u||(u=n(["\n width: auto;\n border-radius: 6px;\n\n &[data-theme='marryBaby'] {\n border-radius: 16px;\n }\n cursor: pointer;\n font-weight: ",";\n transition: background-color 0.3s, border-color 0.3s;\n\n "," {\n display: flex;\n align-items: center;\n\n & + "," {\n margin-left: 8px;\n }\n }\n\n &[data-size='lg'] {\n padding: 12px 24px;\n font-size: 16px;\n line-height: 24px;\n\n "," {\n svg,\n img {\n max-height: 24px;\n }\n }\n }\n\n &[data-size='md'] {\n padding: 9px 24px;\n font-size: 14px;\n line-height: 22px;\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-size='sm'] {\n padding: 5px 24px;\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-color='primary'] {\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n\n &[data-has-icon='true'] {\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &:hover:not(:disabled)[data-is-loading='false'] {\n background-color: ",";\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n }\n\n &[data-color='secondary'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: transparent;\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n }\n }\n }\n\n &[data-color='tertiary'] {\n border: solid 2px ",";\n background-color: transparent;\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n font-weight: ",";\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n border-width: 1px;\n }\n\n &:hover[data-is-loading='false'] {\n &[data-theme='marryBaby'] {\n color: ",";\n background-color: ",";\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n border-color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-color='ghost'] {\n border: 0;\n background-color: transparent;\n color: ",";\n\n &[data-size='sm'] {\n padding: 5px 12px;\n font-size: 12px;\n line-height: 18px;\n }\n\n &:disabled {\n border-color: 0;\n background-color: transparent;\n color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-color='transparent'] {\n border: none;\n background-color: transparent;\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='md'] {\n font-size: 14px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n padding: 0;\n }\n }\n\n &[data-color='danger'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n\n &[data-color='success'] {\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: ",";\n }\n\n "," {\n stroke: transparent;\n }\n\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-theme='marryBaby']:disabled,\n &:disabled {\n border-color: ",";\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n\n &[data-block='true'] {\n width: 100%;\n padding: 12px auto;\n }\n\n &[data-event-category] > * {\n pointer-events: none;\n }\n\n &:focus-visible {\n outline: 2px solid black;\n }\n"],["\n width: auto;\n border-radius: 6px;\n\n &[data-theme='marryBaby'] {\n border-radius: 16px;\n }\n cursor: pointer;\n font-weight: ",";\n transition: background-color 0.3s, border-color 0.3s;\n\n "," {\n display: flex;\n align-items: center;\n\n & + "," {\n margin-left: 8px;\n }\n }\n\n &[data-size='lg'] {\n padding: 12px 24px;\n font-size: 16px;\n line-height: 24px;\n\n "," {\n svg,\n img {\n max-height: 24px;\n }\n }\n }\n\n &[data-size='md'] {\n padding: 9px 24px;\n font-size: 14px;\n line-height: 22px;\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-size='sm'] {\n padding: 5px 24px;\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-color='primary'] {\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n\n &[data-has-icon='true'] {\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &:hover:not(:disabled)[data-is-loading='false'] {\n background-color: ",";\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n }\n\n &[data-color='secondary'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: transparent;\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n }\n }\n }\n\n &[data-color='tertiary'] {\n border: solid 2px ",";\n background-color: transparent;\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n font-weight: ",";\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n border-width: 1px;\n }\n\n &:hover[data-is-loading='false'] {\n &[data-theme='marryBaby'] {\n color: ",";\n background-color: ",";\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n border-color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-color='ghost'] {\n border: 0;\n background-color: transparent;\n color: ",";\n\n &[data-size='sm'] {\n padding: 5px 12px;\n font-size: 12px;\n line-height: 18px;\n }\n\n &:disabled {\n border-color: 0;\n background-color: transparent;\n color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-color='transparent'] {\n border: none;\n background-color: transparent;\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='md'] {\n font-size: 14px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n padding: 0;\n }\n }\n\n &[data-color='danger'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n\n &[data-color='success'] {\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: ",";\n }\n\n "," {\n stroke: transparent;\n }\n\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-theme='marryBaby']:disabled,\n &:disabled {\n border-color: ",";\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n\n &[data-block='true'] {\n width: 100%;\n padding: 12px auto;\n }\n\n &[data-event-category] > * {\n pointer-events: none;\n }\n\n &:focus-visible {\n outline: 2px solid black;\n }\n"])),t.sizes.fwBold,z,w,z,z,t.sizes.fwSemiBold,z,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.primaryHover,t.mbColors.pink,t.colors.white,t.mbColors.pink,t.colors.primaryActive,t.mbColors.pink,k,v,t.colors.primaryBase,t.colors.white,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,t.colors.primaryHover,t.colors.primaryHover,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.primaryActive,t.colors.primaryActive,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.gray300,t.colors.gray800,t.sizes.fwSemiBold,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,k,t.mbColors.pink,t.colors.primaryBase,t.colors.gray300,t.colors.red600,t.colors.red600,t.colors.white,t.colors.red200,t.colors.red200,t.colors.white,t.colors.white,k,v,t.colors.green50,t.colors.green800,t.colors.green800,t.mbColors.mint,t.mbColors.mint,k,t.colors.green800,v,k,t.mbColors.mint,t.colors.gray300,t.colors.gray300,t.colors.white),E=function(n){var t=n.size,e=n.color,i=void 0===e?"primary":e,d=n.theme,l=void 0===d?"helloSites":d,s=n.isDisabled,c=n.isBlock,p=n.title,g=n.className,h=n.onClick,m=n.icon,b=n.children,u=n.isLoading,x=void 0!==u&&u,E=n.loadingText,A=n.dataEventCategory,L=n.dataEventAction,j=n.dataEventLabel,N=n.dataProductChannel,S=n.dataProductSku,T=n.dataProductBrand,H=n.dataProductName,D=n.dataProductPrice,F=n.dataProductCategory,M=n.dataProductPosition,V=n.isAmp,W=n.on,Z=n.dataVarsTracking,_=n.type,q=a(n,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),G=V?{"data-vars-event-category":A,"data-vars-event-action":L,"data-vars-event-label":j,"data-vars-product-channel":N,"data-vars-product-sku":S,"data-vars-product-brand":T,"data-vars-product-name":H,"data-vars-product-price":D,"data-vars-product-category":F,"data-vars-product-position":M,"data-vars-tracking":Z,on:W}:{"data-event-category":A,"data-event-action":L,"data-event-label":j,"data-product-channel":N,"data-product-sku":S,"data-product-brand":T,"data-product-name":H,"data-product-price":D,"data-product-category":F,"data-product-position":M},I=r.createElement(C,null,r.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement(v,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),r.createElement(f,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("mask",{id:"path-1-inside-1",fill:"white"},r.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),r.createElement(k,{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return r.createElement(P,o({},G,{className:g,"data-size":t,"data-color":i,"data-block":c,"data-has-icon":!!m||void 0,"data-theme":l,disabled:s,onClick:function(n){!x&&!s&&h&&h(n)},title:p,"data-is-loading":x,type:_},q),r.createElement(B,null,(m||x)&&r.createElement(z,{className:"button-icon"},x?I:m," "),b&&r.createElement(w,null,x&&E||b)))};export{E as B};
1
+ import{_ as n,c as a,a as o}from"./tslib.es6-44f7e5ec.js";import r from"react";import{t}from"./theme-13d11d67.js";import e,{keyframes as i}from"styled-components";var d,l,s,c,p,g,h,m,b,u,x=i(d||(d=n(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),y=e.svg(l||(l=n([""],[""]))),v=e.circle(s||(s=n([""],[""]))),f=e.svg(c||(c=n(["\n animation: "," 1.2s linear infinite;\n"],["\n animation: "," 1.2s linear infinite;\n"])),x),k=e.path(p||(p=n([""],[""]))),C=e.span(g||(g=n(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg + svg {\n position: absolute;\n left: 0;\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg + svg {\n position: absolute;\n left: 0;\n }\n"]))),w=e.span(h||(h=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n"]))),z=e.span(m||(m=n([""],[""]))),B=e.span(b||(b=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n"]))),P=e.button(u||(u=n(["\n width: auto;\n border-radius: 6px;\n\n &[data-theme='marryBaby'] {\n border-radius: 16px;\n }\n cursor: pointer;\n font-weight: ",";\n transition: background-color 0.3s, border-color 0.3s;\n\n "," {\n display: flex;\n align-items: center;\n\n & + "," {\n margin-left: 8px;\n }\n }\n\n &[data-size='lg'] {\n padding: 12px 24px;\n font-size: 16px;\n line-height: 24px;\n\n "," {\n svg,\n img {\n max-height: 24px;\n }\n }\n }\n\n &[data-size='md'] {\n padding: 9px 24px;\n font-size: 14px;\n line-height: 22px;\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-size='sm'] {\n padding: 5px 24px;\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-color='primary'] {\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n\n &[data-has-icon='true'] {\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &:hover:not(:disabled)[data-is-loading='false'] {\n background-color: ",";\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n }\n\n &[data-color='secondary'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: transparent;\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n }\n }\n }\n\n &[data-color='tertiary'] {\n border: solid 2px ",";\n background-color: transparent;\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n font-weight: ",";\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n border-width: 1px;\n }\n\n &:hover[data-is-loading='false'] {\n &[data-theme='marryBaby'] {\n color: ",";\n background-color: ",";\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n border-color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-color='ghost'] {\n border: 0;\n background-color: transparent;\n color: ",";\n\n &[data-size='sm'] {\n padding: 5px 12px;\n font-size: 12px;\n line-height: 18px;\n }\n\n &:disabled {\n border-color: 0;\n background-color: transparent;\n color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-color='transparent'] {\n border: none;\n background-color: transparent;\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='md'] {\n font-size: 14px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n padding: 0;\n }\n }\n\n &[data-color='danger'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n\n &[data-color='success'] {\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: ",";\n }\n\n "," {\n stroke: transparent;\n }\n\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-theme='marryBaby']:disabled,\n &:disabled {\n border-color: ",";\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n\n &[data-block='true'] {\n width: 100%;\n padding: 12px auto;\n }\n\n &[data-event-category] > * {\n pointer-events: none;\n }\n\n &:focus-visible {\n outline: 2px solid black;\n }\n"],["\n width: auto;\n border-radius: 6px;\n\n &[data-theme='marryBaby'] {\n border-radius: 16px;\n }\n cursor: pointer;\n font-weight: ",";\n transition: background-color 0.3s, border-color 0.3s;\n\n "," {\n display: flex;\n align-items: center;\n\n & + "," {\n margin-left: 8px;\n }\n }\n\n &[data-size='lg'] {\n padding: 12px 24px;\n font-size: 16px;\n line-height: 24px;\n\n "," {\n svg,\n img {\n max-height: 24px;\n }\n }\n }\n\n &[data-size='md'] {\n padding: 9px 24px;\n font-size: 14px;\n line-height: 22px;\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-size='sm'] {\n padding: 5px 24px;\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n\n "," {\n svg,\n img {\n max-height: 22px;\n }\n }\n }\n\n &[data-color='primary'] {\n background-color: ",";\n border: 1px solid ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n\n &[data-has-icon='true'] {\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &:hover:not(:disabled)[data-is-loading='false'] {\n background-color: ",";\n\n &[data-theme='marryBaby'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n background-color: ",";\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n }\n\n &[data-color='secondary'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: transparent;\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n\n &[data-theme='marryBaby'] {\n border-color: ",";\n background-color: ",";\n }\n }\n\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n &[data-theme='marryBaby'] {\n &:not(:is([disabled], [data-is-loading='true'])):active {\n border-color: ",";\n background-color: ",";\n }\n }\n }\n\n &[data-color='tertiary'] {\n border: solid 2px ",";\n background-color: transparent;\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n font-weight: ",";\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n border-width: 1px;\n }\n\n &:hover[data-is-loading='false'] {\n &[data-theme='marryBaby'] {\n color: ",";\n background-color: ",";\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n border-color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n\n &:hover[data-is-loading='false'] svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-color='ghost'] {\n border: 0;\n background-color: transparent;\n color: ",";\n\n &[data-size='sm'] {\n padding: 5px 12px;\n font-size: 12px;\n line-height: 18px;\n }\n\n &:disabled {\n border-color: 0;\n background-color: transparent;\n color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-color='transparent'] {\n border: none;\n background-color: transparent;\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='md'] {\n font-size: 14px;\n line-height: 24px;\n padding: 0;\n }\n\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n padding: 0;\n }\n }\n\n &[data-color='danger'] {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n &[data-size='md'] {\n border-width: 1.5px;\n }\n\n &[data-size='sm'] {\n border-width: 1px;\n font-size: 13px;\n line-height: 20px;\n }\n\n &:hover[data-is-loading='false'] {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: white;\n }\n\n "," {\n stroke: transparent;\n }\n }\n }\n\n &[data-color='success'] {\n background-color: ",";\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n\n &[data-theme='marryBaby'] {\n color: ",";\n\n &[data-has-icon='true'] {\n svg {\n path {\n fill: ",";\n }\n }\n }\n }\n\n &[data-is-loading='true'] {\n "," {\n stroke: ",";\n }\n\n "," {\n stroke: transparent;\n }\n\n &[data-theme='marryBaby'] {\n "," {\n stroke: ",";\n }\n }\n }\n }\n\n &[data-theme='marryBaby']:disabled,\n &:disabled {\n border-color: ",";\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n\n &[data-block='true'] {\n width: 100%;\n padding: 12px auto;\n }\n\n &[data-event-category] > * {\n pointer-events: none;\n }\n\n &:focus-visible {\n outline: 2px solid black;\n }\n"])),t.sizes.fwBold,z,w,z,z,t.sizes.fwSemiBold,z,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.primaryHover,t.mbColors.pink,t.colors.white,t.mbColors.pink,t.colors.primaryActive,t.mbColors.pink,k,v,t.colors.primaryBase,t.colors.white,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,t.colors.primaryHover,t.colors.primaryHover,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.primaryActive,t.colors.primaryActive,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.gray300,t.colors.gray800,t.sizes.fwSemiBold,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,k,t.mbColors.pink,t.colors.primaryBase,t.colors.gray300,t.colors.red600,t.colors.red600,t.colors.white,t.colors.red200,t.colors.red200,t.colors.white,t.colors.white,k,v,t.colors.green50,t.colors.green800,t.colors.green800,t.mbColors.mint,t.mbColors.mint,k,t.colors.green800,v,k,t.mbColors.mint,t.colors.gray300,t.colors.gray300,t.colors.white),E=function(n){var t=n.size,e=n.color,i=void 0===e?"primary":e,d=n.theme,l=void 0===d?"helloSites":d,s=n.isDisabled,c=n.isBlock,p=n.title,g=n.className,h=n.onClick,m=n.icon,b=n.children,u=n.isLoading,x=void 0!==u&&u,E=n.loadingText,A=n.dataEventCategory,L=n.dataEventAction,j=n.dataEventLabel,N=n.dataProductChannel,S=n.dataProductSku,T=n.dataProductBrand,H=n.dataProductName,D=n.dataProductPrice,F=n.dataProductCategory,M=n.dataProductPosition,V=n.isAmp,W=n.on,Z=n.dataVarsTracking,_=n.type,q=a(n,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),G=V?{"data-vars-event-category":A,"data-vars-event-action":L,"data-vars-event-label":j,"data-vars-product-channel":N,"data-vars-product-sku":S,"data-vars-product-brand":T,"data-vars-product-name":H,"data-vars-product-price":D,"data-vars-product-category":F,"data-vars-product-position":M,"data-vars-tracking":Z,on:W}:{"data-event-category":A,"data-event-action":L,"data-event-label":j,"data-product-channel":N,"data-product-sku":S,"data-product-brand":T,"data-product-name":H,"data-product-price":D,"data-product-category":F,"data-product-position":M},I=r.createElement(C,null,r.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement(v,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),r.createElement(f,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("mask",{id:"path-1-inside-1",fill:"white"},r.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),r.createElement(k,{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return r.createElement(P,o({},G,{className:g,"data-size":t,"data-color":i,"data-block":c,"data-has-icon":!!m||void 0,"data-theme":l,disabled:s,onClick:function(n){!x&&!s&&h&&h(n)},title:p,"data-is-loading":x,type:_},q),r.createElement(B,null,(m||x)&&r.createElement(z,{className:"button-icon"},x?I:m," "),b&&r.createElement(w,null,x&&E||b)))};export{E as B};