dap-design-system/dist/components/callout/callout.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-callout-padding: var(--dds-spacing-300);--dds-callout-gap: var(--dds-spacing-300);--dds-callout-icon-size: var(--dds-spacing-600);--dds-callout-title-color: var(--dds-text-neutral-strong);--dds-callout-description-color: var(--dds-text-neutral-base);--dds-callout-title-font-size: var(--dds-font-base);--dds-callout-description-font-size: var(--dds-font-base);--dds-callout-title-font-weight: var(--dds-font-weight-bold);--dds-callout-description-font-weight: var(--dds-font-weight-medium);--dds-callout-actions-font-weight: var(--dds-font-weight-bold);--dds-callout-actions-gap: var(--dds-spacing-400);--dds-callout-content-gap: var(--dds-spacing-100);--dds-callout-border-radius: var(--dds-radius-base);--dds-callout-brand-background: var(--dds-background-brand-base);--dds-callout-brand-background-subtle: var(--dds-background-brand-subtle);--dds-callout-brand-background-medium: var(--dds-background-brand-medium);--dds-callout-brand-background-strong: var(--dds-background-brand-strong);--dds-callout-brand-icon: var(--dds-icon-brand-subtle);--dds-callout-brand-border: 1px solid var(--dds-border-brand-subtle);--dds-callout-info-background: var(--dds-background-informative-base);--dds-callout-info-background-subtle: var( --dds-background-informative-subtle );--dds-callout-info-background-medium: var( --dds-background-informative-medium );--dds-callout-info-background-strong: var( --dds-background-informative-strong );--dds-callout-info-icon: var(--dds-icon-informative-subtle);--dds-callout-info-border: 1px solid var(--dds-border-informative-subtle);--dds-callout-positive-background: var(--dds-background-positive-base);--dds-callout-positive-background-subtle: var( --dds-background-positive-subtle );--dds-callout-positive-background-medium: var( --dds-background-positive-medium );--dds-callout-positive-background-strong: var( --dds-background-positive-strong );--dds-callout-positive-icon: var(--dds-icon-positive-subtle);--dds-callout-positive-border: 1px solid var(--dds-border-positive-subtle);--dds-callout-warning-background: var(--dds-background-warning-base);--dds-callout-warning-background-subtle: var(--dds-background-warning-subtle);--dds-callout-warning-background-medium: var(--dds-background-warning-medium);--dds-callout-warning-background-strong: var(--dds-background-warning-strong);--dds-callout-warning-icon: var(--dds-icon-neutral-strong);--dds-callout-warning-border: 1px solid var(--dds-border-warning-subtle);--dds-callout-negative-background: var(--dds-background-negative-base);--dds-callout-negative-background-subtle: var( --dds-background-negative-subtle );--dds-callout-negative-background-medium: var( --dds-background-negative-medium );--dds-callout-negative-background-strong: var( --dds-background-negative-strong );--dds-callout-negative-icon: var(--dds-icon-negative-subtle);--dds-callout-negative-border: 1px solid var(--dds-border-negative-subtle)}.callout--border::part(high-contrast){border-color:transparent}.callout--brand::part(base){background:var(--dds-callout-brand-background)}.callout--brand.callout--subtle::part(base){background:var(--dds-callout-brand-background-subtle)}.callout--brand.callout--medium::part(base){background:var(--dds-callout-brand-background-medium)}.callout--brand.callout--strong::part(base){background:var(--dds-callout-brand-background-strong)}.callout--brand .callout__icon{fill:var(--dds-callout-brand-icon);color:var(--dds-callout-brand-icon)}.callout--brand.callout--border::part(base){border:var(--dds-callout-brand-border)}.callout--info::part(base){background:var(--dds-callout-info-background)}.callout--info.callout--subtle::part(base){background:var(--dds-callout-info-background-subtle)}.callout--info.callout--medium::part(base){background:var(--dds-callout-info-background-medium)}.callout--info.callout--strong::part(base){background:var(--dds-callout-info-background-strong)}.callout--info .callout__icon{fill:var(--dds-callout-info-icon);color:var(--dds-callout-info-icon)}.callout--info.callout--border::part(base){border:var(--dds-callout-info-border)}.callout--positive::part(base){background:var(--dds-callout-positive-background)}.callout--positive.callout--subtle::part(base){background:var(--dds-callout-positive-background-subtle)}.callout--positive.callout--medium::part(base){background:var(--dds-callout-positive-background-medium)}.callout--positive.callout--strong::part(base){background:var(--dds-callout-positive-background-strong)}.callout--positive .callout__icon{fill:var(--dds-callout-positive-icon);color:var(--dds-callout-positive-icon)}.callout--positive.callout--border::part(base){border:var(--dds-callout-positive-border)}.callout--warning::part(base){background:var(--dds-callout-warning-background)}.callout--warning.callout--subtle::part(base){background:var(--dds-callout-warning-background-subtle)}.callout--warning.callout--medium::part(base){background:var(--dds-callout-warning-background-medium)}.callout--warning.callout--strong::part(base){background:var(--dds-callout-warning-background-strong)}.callout--warning .callout__icon{fill:var(--dds-callout-warning-icon);color:var(--dds-callout-warning-icon)}.callout--warning.callout--border::part(base){border:var(--dds-callout-warning-border)}.callout--negative::part(base){background:var(--dds-callout-negative-background)}.callout--negative.callout--subtle::part(base){background:var(--dds-callout-negative-background-subtle)}.callout--negative.callout--medium::part(base){background:var(--dds-callout-negative-background-medium)}.callout--negative.callout--strong::part(base){background:var(--dds-callout-negative-background-strong)}.callout--negative .callout__icon{fill:var(--dds-callout-negative-icon);color:var(--dds-callout-negative-icon)}.callout--negative.callout--border::part(base){border:var(--dds-callout-negative-border)}.callout--horizontal .callout__content::part(base){display:flex;flex-direction:row;align-items:flex-start;padding:var(--dds-callout-padding);gap:var(--dds-callout-gap)}.callout--vertical .callout__content::part(base){display:flex;flex-direction:column;align-items:flex-start;gap:var(--dds-callout-content-gap);padding:var(--dds-callout-padding)}.callout__title{color:var(--dds-callout-title-color);font-size:var(--dds-callout-title-font-size);font-weight:var(--dds-callout-title-font-weight)}.callout__description{color:var(--dds-callout-description-color);font-size:var(--dds-callout-description-font-size);font-weight:var(--dds-callout-description-font-weight)}.callout__icon{min-width:var(--dds-callout-icon-size)}.callout__actions{display:flex;padding-top:var(--dds-spacing-100);font-weight:var(--dds-callout-actions-font-weight);gap:var(--dds-callout-actions-gap);line-height:150%}.callout__content-wrapper{display:flex;flex-direction:column;flex-grow:1;gap:var(--dds-callout-content-gap)}dap-ds-card::part(base){border-radius:var(--dds-callout-border-radius)}";
export {
  a as default
};
//# sourceMappingURL=callout.scss.js.map