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

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

const n = "*,*: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:inline-block;position:relative;width:auto;--dds-spinner-icon-color-neutral: var(--dds-icon-neutral-base);--dds-spinner-icon-color-brand: var(--dds-icon-brand-subtle);--dds-spinner-icon-color-negative: var(--dds-icon-negative-subtle);--dds-spinner-icon-color-positive: var(--dds-icon-positive-subtle);--dds-spinner-icon-color-inverted: var(--dds-icon-neutral-inverted);--dds-spinner-text-spacing: var(--dds-spacing-400);--dds-spinner-animation-duration: 1s}.spinner{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.spinner--horizontal{flex-direction:row;gap:var(--dds-spinner-text-spacing)}.spinner--neutral .spinner__icon,.spinner--neutral ::slotted(dap-ds-icon){fill:var(--dds-spinner-icon-color-neutral);color:var(--dds-spinner-icon-color-neutral)}.spinner--brand .spinner__icon,.spinner--brand ::slotted(dap-ds-icon){fill:var(--dds-spinner-icon-color-brand);color:var(--dds-spinner-icon-color-brand)}.spinner--negative .spinner__icon,.spinner--negative ::slotted(dap-ds-icon){fill:var(--dds-spinner-icon-color-negative);color:var(--dds-spinner-icon-color-negative)}.spinner--positive .spinner__icon,.spinner--positive ::slotted(dap-ds-icon){fill:var(--dds-spinner-icon-color-positive);color:var(--dds-spinner-icon-color-positive)}.spinner--inverted .spinner__icon,.spinner--inverted ::slotted(dap-ds-icon){fill:var(--dds-spinner-icon-color-inverted);color:var(--dds-spinner-icon-color-inverted)}.spinner__icon,.spinner ::slotted(dap-ds-icon){display:block;animation:dds-spin var(--dds-spinner-animation-duration) linear infinite}.spinner ::slotted(span){display:inline-block}.spinner ::slotted(span) dap-ds-icon{fill:inherit;color:inherit}.spinner__text{display:block;margin-top:var(--dds-spinner-text-spacing);color:var(--dds-text-neutral-on-brand);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-font-line-height-base)}.spinner--horizontal .spinner__text{margin-top:0;margin-left:0}.spinner--brand .spinner__text:not(.spinner__text--no-color){color:var(--dds-spinner-icon-color-brand)}.spinner--negative .spinner__text:not(.spinner__text--no-color){color:var(--dds-spinner-icon-color-negative)}.spinner--positive .spinner__text:not(.spinner__text--no-color){color:var(--dds-spinner-icon-color-positive)}.spinner--inverted .spinner__text:not(.spinner__text--no-color){color:var(--dds-spinner-icon-color-inverted)}@media (prefers-reduced-motion: reduce){.spinner__icon,::slotted(dap-ds-icon){animation:dds-fade var(--dds-spinner-animation-duration) ease-in-out infinite}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}}";
export {
  n as default
};
//# sourceMappingURL=spinner.scss.js.map