dap-design-system/dist/components/snackbar/snackbar-message.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{display:flex;flex-direction:row;--dds-snackbar-width: clamp( var(--dds-spacing-6000), 20vw, var(--dds-containers-xsmall) );--dds-snackbar-gap: var(--dds-spacing-400);--dds-snackbar-padding: var(--dds-spacing-400);--dds-snackbar-margin-bottom: var(--dds-spacing-400);--dds-snackbar-transition: transform var(--dds-transition-slow) var(--dds-easing-ease-out) allow-discrete, opacity var(--dds-transition-slow) var(--dds-easing-ease-out) allow-discrete, margin var(--dds-transition-slow) var(--dds-easing-ease-out) allow-discrete, box-shadow var(--dds-transition-slow) var(--dds-easing-ease-out) allow-discrete;--dds-snackbar-border-radius: var(--dds-radius-base);--dds-snackbar-font-size: var(--dds-font-sm);--dds-snackbar-animation-duration: .3s;--dds-snackbar-animation-timing: ease-out;--dds-snackbar-background: var(--dds-background-neutral-base-inverted);--dds-snackbar-border: var(--dds-border-width-base) solid var(--dds-border-neutral-transparent);--dds-snackbar-text: var(--dds-text-neutral-on-inverted);--dds-snackbar-icon: var(--dds-button-primary-icon-enabled);--dds-snackbar-link: var(--dds-text-neutral-on-inverted);--dds-snackbar-information-background: var( --dds-background-informative-medium );--dds-snackbar-information-border: var(--dds-border-width-base) solid var(--dds-border-informative-subtle);--dds-snackbar-information-icon: var(--dds-icon-informative-subtle);--dds-snackbar-success-background: var(--dds-background-positive-medium);--dds-snackbar-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-subtle);--dds-snackbar-success-icon: var(--dds-icon-positive-subtle);--dds-snackbar-error-background: var(--dds-background-negative-medium);--dds-snackbar-error-border: var(--dds-border-width-base) solid var(--dds-border-negative-subtle);--dds-snackbar-error-icon: var(--dds-icon-negative-subtle);--dds-snackbar-variant-text: var(--dds-text-neutral-base);--dds-snackbar-variant-icon: var(--dds-text-neutral-base);--dds-snackbar-variant-link: var(--dds-text-neutral-base)}.snackbar{display:flex;gap:var(--dds-snackbar-gap);position:relative;flex-direction:column;min-width:var(--dds-snackbar-width);margin-bottom:var(--dds-snackbar-margin-bottom);padding:var(--dds-snackbar-padding);transition:var(--dds-snackbar-transition);border:var(--dds-snackbar-border);border-radius:var(--dds-snackbar-border-radius);background:var(--dds-snackbar-background);box-shadow:0 var(--dds-spacing-50) var(--dds-spacing-300) var(--dds-black-20);color:var(--dds-snackbar-text);font-size:var(--dds-snackbar-font-size)}.snackbar__link::part(base),.snackbar__link::part(text){color:var(--dds-snackbar-link);text-decoration-color:currentcolor}.snackbar__main{display:flex;gap:var(--dds-spacing-300);align-items:flex-start;justify-content:space-between;width:auto}.snackbar__left-group{display:flex;gap:var(--dds-spacing-300)}.snackbar__content{display:flex;flex-direction:column;gap:var(--dds-spacing-300)}.snackbar__text{display:inline-block;color:var(--dds-snackbar-text);font-size:var(--dds-font-base)}.snackbar__close{cursor:pointer}.snackbar__close-icon{margin-left:auto;fill:var(--dds-snackbar-icon);color:var(--dds-snackbar-icon)}.snackbar--information{--dds-snackbar-background: var(--dds-snackbar-information-background);--dds-snackbar-border: var(--dds-snackbar-information-border);--dds-snackbar-text: var(--dds-snackbar-variant-text);--dds-snackbar-icon: var(--dds-snackbar-variant-icon);--dds-snackbar-link: var(--dds-snackbar-variant-link)}.snackbar--information .snackbar__alert-icon{fill:var(--dds-snackbar-information-icon);color:var(--dds-snackbar-information-icon)}.snackbar--successful{--dds-snackbar-background: var(--dds-snackbar-success-background);--dds-snackbar-border: var(--dds-snackbar-success-border);--dds-snackbar-text: var(--dds-snackbar-variant-text);--dds-snackbar-icon: var(--dds-snackbar-variant-icon);--dds-snackbar-link: var(--dds-snackbar-variant-link)}.snackbar--successful .snackbar__alert-icon{fill:var(--dds-snackbar-success-icon);color:var(--dds-snackbar-success-icon)}.snackbar--error{--dds-snackbar-background: var(--dds-snackbar-error-background);--dds-snackbar-border: var(--dds-snackbar-error-border);--dds-snackbar-text: var(--dds-snackbar-variant-text);--dds-snackbar-icon: var(--dds-snackbar-variant-icon);--dds-snackbar-link: var(--dds-snackbar-variant-link)}.snackbar--error .snackbar__alert-icon{fill:var(--dds-snackbar-error-icon);color:var(--dds-snackbar-error-icon)}.snackbar .snackbar__alert-icon{display:block;min-width:var(--dds-spacing-600);max-width:var(--dds-spacing-600)}.snackbar--position-bottom-center{animation:snackbar-slide-in var(--dds-snackbar-animation-duration) var(--dds-snackbar-animation-timing)}.snackbar--position-top-right,.snackbar--position-top-center{animation:snackbar-slide-in-top var(--dds-snackbar-animation-duration) var(--dds-snackbar-animation-timing)}.snackbar--position-bottom-left,.snackbar--position-bottom-right{animation:snackbar-slide-in-side var(--dds-snackbar-animation-duration) var(--dds-snackbar-animation-timing)}.snackbar--position-bottom-left{--slide-direction: -100%}.snackbar--closing{pointer-events:none}.snackbar--closing.snackbar--position-bottom-right,.snackbar--closing.snackbar--position-top-right{animation:snackbar-slide-out-right .3s ease-out forwards}.snackbar--closing.snackbar--position-bottom-left{animation:snackbar-slide-out-left .3s ease-out forwards}.snackbar--closing.snackbar--position-bottom-center,.snackbar--closing.snackbar--position-top-center{animation:snackbar-slide-out-center .3s ease-out forwards}@keyframes snackbar-slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + var(--dds-snackbar-spacing, 1rem)));opacity:0}}@keyframes snackbar-slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(calc(-100% - var(--dds-snackbar-spacing, 1rem)));opacity:0}}@keyframes snackbar-slide-out-center{0%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:0}}@keyframes snackbar-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes snackbar-slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes snackbar-slide-in-side{0%{transform:translate(var(--slide-direction, 100%));opacity:0}to{transform:translate(0);opacity:1}}";
export {
  a as default
};
//# sourceMappingURL=snackbar-message.scss.js.map