dap-design-system/dist/components/avatar/avatar.scss.js

Official design system for the DÁP (dap.gov.hu)

const a = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-avatar-border-radius: 50%;--dds-avatar-background-color: var(--dds-neutral-200);--dds-avatar-border-width: 0;--dds-avatar-border-color: transparent;--dds-avatar-border-style: solid;--dds-avatar-transition: all .2s ease-in-out;--dds-avatar-text-color: var(--dds-text-neutral-strong);--dds-avatar-font-weight: var(--dds-font-weight-bold);--dds-avatar-lg-size: var(--dds-avatar-size-lg);--dds-avatar-md-size: var(--dds-avatar-size-md);--dds-avatar-sm-size: var(--dds-avatar-size-sm);--dds-avatar-xs-size: var(--dds-avatar-size-xs);--dds-avatar-xxs-size: var(--dds-avatar-size-xxs);--dds-avatar-font-size-lg: var(--dds-font-2xl);--dds-avatar-font-size-md: var(--dds-font-lg);--dds-avatar-font-size-sm: var(--dds-font-base);--dds-avatar-font-size-xs: var(--dds-font-sm);--dds-avatar-font-size-xxs: var(--dds-font-xs);--dds-avatar-hover-transform: scale(1.05);--dds-avatar-active-transform: scale(.95);--dds-avatar-focus-ring: 0 0 0 2px var(--dds-focus-outer-ring);--dds-avatar-loading-background: var(--dds-neutral-100);--dds-avatar-error-background: var(--dds-negative-100);--dds-avatar-error-color: var(--dds-negative-600);display:inline-flex}.avatar{display:inline-flex;position:relative;align-items:center;justify-content:center;overflow:hidden;transition:var(--dds-avatar-transition);border:var(--dds-avatar-border-width) var(--dds-avatar-border-style) var(--dds-avatar-border-color);border-radius:var(--dds-avatar-border-radius);background:var(--dds-avatar-background-color);vertical-align:middle}.avatar--lg{width:var(--dds-avatar-lg-size);height:var(--dds-avatar-lg-size)}.avatar--md{width:var(--dds-avatar-md-size);height:var(--dds-avatar-md-size)}.avatar--sm{width:var(--dds-avatar-sm-size);height:var(--dds-avatar-sm-size)}.avatar--xs{width:var(--dds-avatar-xs-size);height:var(--dds-avatar-xs-size)}.avatar--xxs{width:var(--dds-avatar-xxs-size);height:var(--dds-avatar-xxs-size)}.avatar--circle{--dds-avatar-border-radius: 50%}.avatar--rounded{--dds-avatar-border-radius: var(--dds-radius-large)}.avatar--square{--dds-avatar-border-radius: var(--dds-radius-small)}.avatar--interactive{cursor:pointer;user-select:none}.avatar--interactive:hover{transform:var(--dds-avatar-hover-transform)}.avatar--interactive:active{transform:var(--dds-avatar-active-transform)}.avatar--interactive:focus{outline:none;box-shadow:var(--dds-avatar-focus-ring)}.avatar--interactive:focus-visible{outline:none;box-shadow:var(--dds-avatar-focus-ring)}.avatar--loading{background:var(--dds-avatar-loading-background)}.avatar--error{background:var(--dds-avatar-error-background);color:var(--dds-avatar-error-color)}.avatar__img{display:block;width:100%;height:100%;transition:var(--dds-avatar-transition);object-fit:cover}.avatar__img--lg,.avatar__img--md,.avatar__img--sm,.avatar__img--xs,.avatar__img--xxs{width:100%;height:100%}.avatar__initials,.avatar__icon,.avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--dds-avatar-text-color);font-weight:var(--dds-avatar-font-weight);line-height:1;user-select:none}.avatar__initials svg,.avatar__icon svg,.avatar__fallback svg{width:60%;height:60%;fill:currentcolor}.avatar__initials{letter-spacing:.025em;text-transform:uppercase}.avatar__initials--lg{font-size:var(--dds-avatar-font-size-lg)}.avatar__initials--md{font-size:var(--dds-avatar-font-size-md)}.avatar__initials--sm{font-size:var(--dds-avatar-font-size-sm)}.avatar__initials--xs{font-size:var(--dds-avatar-font-size-xs)}.avatar__initials--xxs{font-size:var(--dds-avatar-font-size-xxs)}.avatar__icon svg{width:50%;height:50%}.avatar__icon--lg svg{width:40px;height:40px}.avatar__icon--md svg{width:32px;height:32px}.avatar__icon--sm svg{width:24px;height:24px}.avatar__icon--xs svg{width:16px;height:16px}.avatar__icon--xxs svg{width:12px;height:12px}.avatar__fallback svg{opacity:.6}.avatar__loading{display:flex;position:absolute;z-index:1;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background:var(--dds-avatar-loading-background)}.avatar__loading-spinner{width:50%;height:50%;animation:avatar-spin 1s linear infinite;border:2px solid var(--dds-neutral-300);border-top:2px solid var(--dds-brand-600);border-radius:50%}@keyframes avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-contrast: high){.avatar{--dds-avatar-border-width: 2px;--dds-avatar-border-color: var(--dds-border-neutral-strong)}}@media (prefers-reduced-motion: reduce){.avatar,.avatar__img,.avatar__loading-spinner{transition:none;animation:none}.avatar--interactive:hover,.avatar--interactive:active{transform:none}}";
export {
  a as default
};
//# sourceMappingURL=avatar.scss.js.map