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

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

const r = "*,*: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}.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:block;position:relative;width:100%;--dds-progress-track-color: var(--dds-neutral-200);--dds-progress-fill-color-neutral: var(--dds-icon-neutral-base);--dds-progress-fill-color-brand: var(--dds-icon-brand-subtle);--dds-progress-fill-color-negative: var(--dds-icon-negative-subtle);--dds-progress-fill-color-positive: var(--dds-icon-positive-subtle);--dds-progress-fill-color-inverted: var(--dds-icon-neutral-inverted);--dds-progress-animation-duration: 1.5s;--dds-progress-height-xs: var(--dds-spacing-50);--dds-progress-height-sm: var(--dds-spacing-100);--dds-progress-height-md: var(--dds-spacing-150);--dds-progress-height-lg: var(--dds-spacing-200);--dds-progress-height-xl: var(--dds-spacing-300);--dds-progress-height-xxl: var(--dds-spacing-400);--dds-progress-diameter-xs: var(--dds-spacing-600);--dds-progress-diameter-sm: var(--dds-spacing-800);--dds-progress-diameter-md: var(--dds-spacing-1200);--dds-progress-diameter-lg: var(--dds-spacing-1600);--dds-progress-diameter-xl: var(--dds-spacing-2000);--dds-progress-diameter-xxl: var(--dds-spacing-2400);--dds-progress-stroke-width: var(--dds-spacing-200)}.progress{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);position:relative;width:100%}.progress__label{display:block;margin-bottom:var(--dds-spacing-200);color:var(--dds-text-neutral-on-brand);font-size:var(--dds-font-size-base);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-font-line-height-base)}.progress__indicator{position:relative}.progress--linear .progress__indicator{width:100%}.progress--linear .progress__track{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);position:relative;width:100%;overflow:hidden;border-radius:var(--dds-radius-rounded);background-color:var(--dds-progress-track-color)}.progress--linear .progress__fill{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);height:100%;transition:width .3s ease-in-out;border-radius:var(--dds-radius-rounded);background-color:var(--dds-progress-fill-color-brand)}.progress--linear.progress--indeterminate .progress__fill{width:100%;animation:dds-progress-shimmer var(--dds-progress-animation-duration) ease-in-out infinite;background:linear-gradient(90deg,transparent 0%,var(--dds-progress-fill-color-brand) 50%,transparent 100%);background-size:200% 100%}.progress--linear.progress--xs .progress__track{height:var(--dds-progress-height-xs)}.progress--linear.progress--sm .progress__track{height:var(--dds-progress-height-sm)}.progress--linear.progress--md .progress__track{height:var(--dds-progress-height-md)}.progress--linear.progress--lg .progress__track{height:var(--dds-progress-height-lg)}.progress--linear.progress--xl .progress__track{height:var(--dds-progress-height-xl)}.progress--linear.progress--xxl .progress__track{height:var(--dds-progress-height-xxl)}.progress--circular{width:auto}.progress--circular .progress__indicator{display:inline-flex;position:relative;align-items:center;justify-content:center}.progress--circular .progress__svg{display:block;transform:rotate(0)}.progress--circular .progress__circle{transition:stroke-dashoffset .3s ease-in-out}.progress--circular .progress__circle--background{stroke:var(--dds-progress-track-color)}.progress--circular .progress__circle--progress{stroke-linecap:round;stroke:var(--dds-progress-fill-color-brand)}.progress--circular .progress__percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dds-text-neutral-on-brand);font-size:var(--dds-font-size-base);font-weight:var(--dds-font-weight-bold);line-height:1;text-align:center}.progress--circular.progress--indeterminate .progress__svg{animation:dds-spin var(--dds-progress-animation-duration) linear infinite}.progress--circular.progress--indeterminate .progress__circle--progress{stroke-dashoffset:70}.progress--circular.progress--xs .progress__svg{width:var(--dds-progress-diameter-xs);height:var(--dds-progress-diameter-xs)}.progress--circular.progress--sm .progress__svg{width:var(--dds-progress-diameter-sm);height:var(--dds-progress-diameter-sm)}.progress--circular.progress--md .progress__svg{width:var(--dds-progress-diameter-md);height:var(--dds-progress-diameter-md)}.progress--circular.progress--lg .progress__svg{width:var(--dds-progress-diameter-lg);height:var(--dds-progress-diameter-lg)}.progress--circular.progress--xl .progress__svg{width:var(--dds-progress-diameter-xl);height:var(--dds-progress-diameter-xl)}.progress--circular.progress--xxl .progress__svg{width:var(--dds-progress-diameter-xxl);height:var(--dds-progress-diameter-xxl)}.progress--circular.progress--xs .progress__percentage{font-size:var(--dds-font-3xs)}.progress--circular.progress--sm .progress__percentage{font-size:var(--dds-font-2xs)}.progress--circular.progress--md .progress__percentage{font-size:var(--dds-font-sm)}.progress--circular.progress--lg .progress__percentage{font-size:var(--dds-font-lg)}.progress--circular.progress--xl .progress__percentage{font-size:var(--dds-font-xl)}.progress--circular.progress--xxl .progress__percentage{font-size:var(--dds-font-2xl)}.progress--neutral .progress__fill,.progress--neutral .progress__circle--progress{stroke:var(--dds-progress-fill-color-neutral);background-color:var(--dds-progress-fill-color-neutral)}.progress--neutral.progress--indeterminate.progress--linear .progress__fill{background:linear-gradient(90deg,transparent 0%,var(--dds-progress-fill-color-neutral) 50%,transparent 100%);background-size:200% 100%}.progress--brand .progress__fill,.progress--brand .progress__circle--progress{stroke:var(--dds-progress-fill-color-brand);background-color:var(--dds-progress-fill-color-brand)}.progress--brand.progress--indeterminate.progress--linear .progress__fill{background:linear-gradient(90deg,transparent 0%,var(--dds-progress-fill-color-brand) 50%,transparent 100%);background-size:200% 100%}.progress--negative .progress__fill,.progress--negative .progress__circle--progress{stroke:var(--dds-progress-fill-color-negative);background-color:var(--dds-progress-fill-color-negative)}.progress--negative.progress--indeterminate.progress--linear .progress__fill{background:linear-gradient(90deg,transparent 0%,var(--dds-progress-fill-color-negative) 50%,transparent 100%);background-size:200% 100%}.progress--positive .progress__fill,.progress--positive .progress__circle--progress{stroke:var(--dds-progress-fill-color-positive);background-color:var(--dds-progress-fill-color-positive)}.progress--positive.progress--indeterminate.progress--linear .progress__fill{background:linear-gradient(90deg,transparent 0%,var(--dds-progress-fill-color-positive) 50%,transparent 100%);background-size:200% 100%}.progress--inverted .progress__fill,.progress--inverted .progress__circle--progress{stroke:var(--dds-progress-fill-color-inverted);background-color:var(--dds-progress-fill-color-inverted)}.progress--inverted .progress__label,.progress--inverted .progress__percentage{color:var(--dds-progress-fill-color-inverted)}.progress--inverted.progress--indeterminate.progress--linear .progress__fill{background:linear-gradient(90deg,transparent 0%,var(--dds-progress-fill-color-inverted) 50%,transparent 100%);background-size:200% 100%}.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}@keyframes dds-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.progress--indeterminate.progress--linear .progress__fill{animation:dds-progress-pulse var(--dds-progress-animation-duration) ease-in-out infinite}.progress--indeterminate.progress--circular .progress__svg{animation:none}.progress--indeterminate.progress--circular .progress__circle--progress{animation:dds-progress-pulse var(--dds-progress-animation-duration) ease-in-out infinite}@keyframes dds-progress-pulse{0%,to{opacity:.3}50%{opacity:1}}}";
export {
  r as default
};
//# sourceMappingURL=progress.scss.js.map