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

package/build/{index-dc83365d.js → index-bdeadfd9.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-c8f857e1.js"),a=require("react"),e=require("./theme-48df17f9.js"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,d,i,l,s,c,h,m,p,g,b=o(a),u=o(t),f=t.keyframes(r||(r=n.__makeTemplateObject(["\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"]))),x=u.default.svg(d||(d=n.__makeTemplateObject([""],[""]))),k=u.default.circle(i||(i=n.__makeTemplateObject([""],[""]))),y=u.default.svg(l||(l=n.__makeTemplateObject(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),f),v=u.default.path(s||(s=n.__makeTemplateObject([""],[""]))),C=u.default.span(c||(c=n.__makeTemplateObject(["\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=u.default.span(h||(h=n.__makeTemplateObject(["\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=u.default.span(m||(m=n.__makeTemplateObject([""],[""]))),B=u.default.span(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),_=u.default.button(g||(g=n.__makeTemplateObject(["\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"])),e.theme.sizes.fwBold,z,w,z,z,e.theme.sizes.fwSemiBold,z,e.theme.colors.primaryBase,e.theme.colors.primaryBase,e.theme.colors.white,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.primaryHover,e.theme.mbColors.pink,e.theme.colors.white,e.theme.mbColors.pink,e.theme.colors.primaryActive,e.theme.mbColors.pink,v,k,e.theme.colors.primaryBase,e.theme.colors.white,e.theme.colors.primaryBase,e.theme.colors.primaryBase,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.white,e.theme.colors.primaryHover,e.theme.colors.primaryHover,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.primaryActive,e.theme.colors.primaryActive,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.gray300,e.theme.colors.gray800,e.theme.sizes.fwSemiBold,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.white,v,e.theme.mbColors.pink,e.theme.colors.primaryBase,e.theme.colors.gray300,e.theme.colors.red600,e.theme.colors.red600,e.theme.colors.white,e.theme.colors.red200,e.theme.colors.red200,e.theme.colors.white,e.theme.colors.white,v,k,e.theme.colors.green50,e.theme.colors.green800,e.theme.colors.green800,e.theme.mbColors.mint,e.theme.mbColors.mint,v,e.theme.colors.green800,k,v,e.theme.mbColors.mint,e.theme.colors.gray300,e.theme.colors.gray300,e.theme.colors.white);exports.Button=function(a){var e=a.size,t=a.color,o=void 0===t?"primary":t,r=a.theme,d=void 0===r?"helloSites":r,i=a.isDisabled,l=a.isBlock,s=a.title,c=a.className,h=a.onClick,m=a.icon,p=a.children,g=a.isLoading,u=void 0!==g&&g,f=a.loadingText,P=a.dataEventCategory,j=a.dataEventAction,E=a.dataEventLabel,T=a.dataProductChannel,O=a.dataProductSku,A=a.dataProductBrand,L=a.dataProductName,N=a.dataProductPrice,S=a.dataProductCategory,q=a.dataProductPosition,H=a.isAmp,D=a.on,F=a.dataVarsTracking,M=a.type,V=n.__rest(a,["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"]),W=H?{"data-vars-event-category":P,"data-vars-event-action":j,"data-vars-event-label":E,"data-vars-product-channel":T,"data-vars-product-sku":O,"data-vars-product-brand":A,"data-vars-product-name":L,"data-vars-product-price":N,"data-vars-product-category":S,"data-vars-product-position":q,"data-vars-tracking":F,on:D}:{"data-event-category":P,"data-event-action":j,"data-event-label":E,"data-product-channel":T,"data-product-sku":O,"data-product-brand":A,"data-product-name":L,"data-product-price":N,"data-product-category":S,"data-product-position":q},Z=b.default.createElement(C,null,b.default.createElement(x,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.default.createElement(k,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),b.default.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},b.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},b.default.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"})),b.default.createElement(v,{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 b.default.createElement(_,n.__assign({},W,{className:c,"data-size":e,"data-color":o,"data-block":l,"data-has-icon":!!m||void 0,"data-theme":d,disabled:i,onClick:function(n){!u&&!i&&h&&h(n)},title:s,"data-is-loading":u,type:M},V),b.default.createElement(B,null,(m||u)&&b.default.createElement(z,{className:"button-icon"},u?Z:m," "),p&&b.default.createElement(w,null,u&&f||p)))};
+"use strict";var n=require("./tslib.es6-e913d68b.js"),a=require("react"),e=require("./theme-b257f481.js"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,d,i,l,s,c,h,m,p,g,b=o(a),u=o(t),f=t.keyframes(r||(r=n.__makeTemplateObject(["\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"]))),x=u.default.svg(d||(d=n.__makeTemplateObject([""],[""]))),k=u.default.circle(i||(i=n.__makeTemplateObject([""],[""]))),y=u.default.svg(l||(l=n.__makeTemplateObject(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),f),v=u.default.path(s||(s=n.__makeTemplateObject([""],[""]))),C=u.default.span(c||(c=n.__makeTemplateObject(["\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=u.default.span(h||(h=n.__makeTemplateObject(["\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=u.default.span(m||(m=n.__makeTemplateObject([""],[""]))),B=u.default.span(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),_=u.default.button(g||(g=n.__makeTemplateObject(["\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"])),e.theme.sizes.fwBold,z,w,z,z,e.theme.sizes.fwSemiBold,z,e.theme.colors.primaryBase,e.theme.colors.primaryBase,e.theme.colors.white,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.primaryHover,e.theme.mbColors.pink,e.theme.colors.white,e.theme.mbColors.pink,e.theme.colors.primaryActive,e.theme.mbColors.pink,v,k,e.theme.colors.primaryBase,e.theme.colors.white,e.theme.colors.primaryBase,e.theme.colors.primaryBase,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.white,e.theme.colors.primaryHover,e.theme.colors.primaryHover,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.primaryActive,e.theme.colors.primaryActive,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.gray300,e.theme.colors.gray800,e.theme.sizes.fwSemiBold,e.theme.colors.white,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.mbColors.pink,e.theme.colors.white,v,e.theme.mbColors.pink,e.theme.colors.primaryBase,e.theme.colors.gray300,e.theme.colors.red600,e.theme.colors.red600,e.theme.colors.white,e.theme.colors.red200,e.theme.colors.red200,e.theme.colors.white,e.theme.colors.white,v,k,e.theme.colors.green50,e.theme.colors.green800,e.theme.colors.green800,e.theme.mbColors.mint,e.theme.mbColors.mint,v,e.theme.colors.green800,k,v,e.theme.mbColors.mint,e.theme.colors.gray300,e.theme.colors.gray300,e.theme.colors.white);exports.Button=function(a){var e=a.size,t=a.color,o=void 0===t?"primary":t,r=a.theme,d=void 0===r?"helloSites":r,i=a.isDisabled,l=a.isBlock,s=a.title,c=a.className,h=a.onClick,m=a.icon,p=a.children,g=a.isLoading,u=void 0!==g&&g,f=a.loadingText,P=a.dataEventCategory,j=a.dataEventAction,E=a.dataEventLabel,T=a.dataProductChannel,O=a.dataProductSku,A=a.dataProductBrand,L=a.dataProductName,N=a.dataProductPrice,S=a.dataProductCategory,q=a.dataProductPosition,H=a.isAmp,D=a.on,F=a.dataVarsTracking,M=a.type,V=n.__rest(a,["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"]),W=H?{"data-vars-event-category":P,"data-vars-event-action":j,"data-vars-event-label":E,"data-vars-product-channel":T,"data-vars-product-sku":O,"data-vars-product-brand":A,"data-vars-product-name":L,"data-vars-product-price":N,"data-vars-product-category":S,"data-vars-product-position":q,"data-vars-tracking":F,on:D}:{"data-event-category":P,"data-event-action":j,"data-event-label":E,"data-product-channel":T,"data-product-sku":O,"data-product-brand":A,"data-product-name":L,"data-product-price":N,"data-product-category":S,"data-product-position":q},Z=b.default.createElement(C,null,b.default.createElement(x,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.default.createElement(k,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),b.default.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},b.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},b.default.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"})),b.default.createElement(v,{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 b.default.createElement(_,n.__assign({},W,{className:c,"data-size":e,"data-color":o,"data-block":l,"data-has-icon":!!m||void 0,"data-theme":d,disabled:i,onClick:function(n){!u&&!i&&h&&h(n)},title:s,"data-is-loading":u,type:M},V),b.default.createElement(B,null,(m||u)&&b.default.createElement(z,{className:"button-icon"},u?Z:m," "),p&&b.default.createElement(w,null,u&&f||p)))};