@hhgtech/hhg-components 1.22.28 → 1.22.30-beta-1

package/build/esm/useHealthToolCache-bd293ae2.js

@@ -1 +0,0 @@
-import{d as t,e as r}from"./tslib.es6-c7fb770c.js";import{useState as n,useEffect as o,useCallback as i}from"react";import{a}from"./getDynamicHealthTool-b1a08883.js";var e=function(e){var l=n([]),s=l[0],u=l[1];o((function(){t(void 0,void 0,void 0,(function(){var t;return r(this,(function(r){switch(r.label){case 0:return[4,a(e)];case 1:return t=r.sent(),u(t),[2]}}))}))}),[a,e]);var c=i((function(t){var r;return(null===(r=s.find((function(r){return r.template===t})))||void 0===r?void 0:r.link)||""}),[s]);return{allTools:s,getHealthToolLink:c}};export{e as u};

package/build/index-169ac707.js

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

package/build/index-1a21b05f.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-0065074f.js"),e=require("react"),a=require("./theme-ee07bb4b.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(e),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"])),a.theme.sizes.fwBold,z,w,z,z,a.theme.sizes.fwSemiBold,z,a.theme.colors.primaryBase,a.theme.colors.primaryBase,a.theme.colors.white,a.theme.colors.white,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.colors.primaryHover,a.theme.mbColors.pink,a.theme.colors.white,a.theme.mbColors.pink,a.theme.colors.primaryActive,a.theme.mbColors.pink,v,k,a.theme.colors.primaryBase,a.theme.colors.white,a.theme.colors.primaryBase,a.theme.colors.primaryBase,a.theme.colors.white,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.colors.white,a.theme.colors.primaryHover,a.theme.colors.primaryHover,a.theme.colors.white,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.colors.primaryActive,a.theme.colors.primaryActive,a.theme.colors.white,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.colors.gray300,a.theme.colors.gray800,a.theme.sizes.fwSemiBold,a.theme.colors.white,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.mbColors.pink,a.theme.colors.white,v,a.theme.mbColors.pink,a.theme.colors.primaryBase,a.theme.colors.gray300,a.theme.colors.red600,a.theme.colors.red600,a.theme.colors.white,a.theme.colors.red200,a.theme.colors.red200,a.theme.colors.white,a.theme.colors.white,v,k,a.theme.colors.green50,a.theme.colors.green800,a.theme.colors.green800,a.theme.mbColors.mint,a.theme.mbColors.mint,v,a.theme.colors.green800,k,v,a.theme.mbColors.mint,a.theme.colors.gray300,a.theme.colors.gray300,a.theme.colors.white);exports.Button=function(e){var a=e.size,t=e.color,o=void 0===t?"primary":t,r=e.theme,d=void 0===r?"helloSites":r,i=e.isDisabled,l=e.isBlock,s=e.title,c=e.className,h=e.onClick,m=e.icon,p=e.children,g=e.isLoading,u=void 0!==g&&g,f=e.loadingText,P=e.dataEventCategory,j=e.dataEventAction,E=e.dataEventLabel,T=e.dataProductChannel,O=e.dataProductSku,A=e.dataProductBrand,L=e.dataProductName,N=e.dataProductPrice,S=e.dataProductCategory,q=e.dataProductPosition,H=e.isAmp,D=e.on,F=e.dataVarsTracking,M=e.type,V=n.__rest(e,["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":a,"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)))};

package/build/index-bd12fd05.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-0065074f.js"),e=require("styled-components"),t=require("react"),a=require("./theme-ee07bb4b.js"),i=require("./utils-950aead5.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,d,s=r(e),h=r(t),c=s.default.div(o||(o=n.__makeTemplateObject(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),p=s.default.div(d||(d=n.__makeTemplateObject(["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"],["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"h1":return"\n        font-size: 26px;\n        letter-spacing: -0.9px;\n        line-height: 34px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 40px;\n          line-height: 52px;\n          letter-spacing: -1.2px;\n        }\n      ");case"h2":return"\n        font-size: 24px;\n        letter-spacing: -0.8px;\n        line-height: 32px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 32px;\n          line-height: 42px;\n          letter-spacing: -1px;\n        }\n      ");case"h3":return"\n        font-size: 20px;\n        letter-spacing: -0.7px;\n        line-height: 26px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 26px;\n          line-height: 36px;\n          letter-spacing: -0.8px;\n        }\n      ");case"h4":return"\n        font-size: 18px;\n        letter-spacing: -0.6px;\n        line-height: 26px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 22px;\n          line-height: 32px;\n          letter-spacing: -0.6px;\n        }\n      ");case"h5":return"\n        font-size: 16px;\n        letter-spacing: -0.2px;\n        line-height: 24px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n          letter-spacing: -0.2px;\n        }\n      ");case"h6":return"\n        font-size: 14px;\n        line-height: 22px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n          letter-spacing: 0;\n        }\n      ")}}(n.headingTag)}),(function(n){return function(n){switch(n){case"bold":return"\n       font-weight: ".concat(a.theme.sizes.fwBold,";\n      ");case"semibold":return"\n       font-weight: ".concat(a.theme.sizes.fwSemiBold,";\n      ");default:return"\n        font-weight: ".concat(a.theme.sizes.fwBold,";\n      ")}}(n.headingFontWeight)}));exports.Heading=function(e){var t,a=e.as,i=e.tag,r=e.className,o=e.children,d=e.title,s=e.color,c=e.style,g=e.fontWeight,l=e.dataEventCategory,u=e.dataEventAction,v=e.dataEventLabel,x=n.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),f=a||i;return h.default.createElement(p,n.__assign({title:d,style:n.__assign(n.__assign({},s?(t={},t["--custom-heading-color"]=s,t):void 0),c),"data-tag":i,"data-font-weight":g||void 0,"data-event-category":l,"data-event-action":u,"data-event-label":v,as:f,className:r,headingFontWeight:g,headingTag:i},x),o)},exports.StyledAvatar=c;