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

package/build/esm/index-9f32a177.js

@@ -0,0 +1 @@
+import{b as n,c as t,_ as a}from"./tslib.es6-edfac113.js";import e from"styled-components";import r from"react";var i,d=e.div(i||(i=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"],["\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"]))),o="style-module_heading__xzO2I",h=function(n){var e,i=n.as,d=n.tag,h=n.className,s=n.children,c=n.title,g=n.color,v=n.style,p=n.fontWeight,l=n.dataEventCategory,u=n.dataEventAction,m=n.dataEventLabel,w=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),f=i||d;return r.createElement(f,a({title:c,style:a(a({},g?(e={},e["--custom-heading-color"]=g,e):void 0),v),"data-tag":d,"data-font-weight":p||void 0,"data-event-category":l,"data-event-action":u,"data-event-label":m,className:"".concat(o," ").concat(h||"")},w),s)};export{h as H,d as S};