@hhgtech/hhg-components 1.22.43 → 1.23.1

package/build/index-da4f0225.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-99ec8021.js"),e=require("styled-components"),t=require("react"),a=require("./theme-9077eff2.js"),i=require("./utils-37bbdb6b.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        }\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        }\n      ");case"h6":return"\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          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,f=n.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),x=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:x,className:r,headingFontWeight:g,headingTag:i},f),o)},exports.StyledAvatar=c;

package/build/useTranslations-5bf35aca.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./translationsContext-479878ef.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(require("string-format"));exports.useTranslations=function(){var n=e.useContext(t.TranslationsContext)||{locale:"en-PH"},r=n.values,o=n.locale;return e.useMemo((function(){return{t:function(e,n){return r?r[e]?n?a.default(r[e]||e,n):r[e]||e:(console.warn("[useTranslations] Missing translation for key ".concat(e," and locale ").concat(o)),n?a.default(t.defaultTranslations[e]||e,n):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e)},locale:o}}),[r,o])};