@shopify/polaris/build/esnext/components/Badge/Badge.css

Shopify’s admin product component library

.Polaris-Badge_2qgie{ --p-component-badge-pip-color:var(--p-icon); display:inline-flex; align-items:center; padding:0.2rem 0.8rem; background-color:var(--p-surface-neutral); border-radius:2rem; font-size:1.3rem; line-height:1.6rem; color:var(--p-text); font-weight:var(--p-badge-font-weight); }

@media print{ .Polaris-Badge_2qgie{ border:solid 0.01rem var(--p-border); } }

.Polaris-Badge--sizeSmall_7647q{ font-size:1.2rem; }

.Polaris-Badge--statusSuccess_pc5rl{ --p-component-badge-pip-color:var(--p-icon-success); background-color:var(--p-surface-success); color:var(--p-text); }

.Polaris-Badge--statusInfo_knr66{ --p-component-badge-pip-color:var(--p-icon-highlight); background-color:var(--p-surface-highlight); color:var(--p-text); }

.Polaris-Badge--statusAttention_i61kn{ --p-component-badge-pip-color:var(--p-text-warning); background-color:var(--p-surface-warning); color:var(--p-text); }

.Polaris-Badge--statusWarning_1x66d{ --p-component-badge-pip-color:var(--p-icon-warning); background-color:var(--p-surface-warning); color:var(--p-text); }

.Polaris-Badge--statusCritical_1iy3d{ --p-component-badge-pip-color:var(--p-icon-critical); background-color:var(--p-surface-critical); color:var(--p-text); }

.Polaris-Badge--statusNew_cj8gz{ background-color:var(--p-surface-neutral); color:var(--p-text); font-weight:500; border:none; }

.Polaris-Badge__Pip_375sr{ color:var(--p-component-badge-pip-color); height:0.8rem; width:0.8rem; margin-right:0.4rem; margin-left:-0.2rem; border:0.2rem solid currentColor; border-radius:50%; flex-shrink:0; }

.Polaris-Badge--progressIncomplete_1jg92 .Polaris-Badge__Pip_375sr{ background:transparent; }

.Polaris-Badge--progressPartiallyComplete_11p0t .Polaris-Badge__Pip_375sr{ background:linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); }

@media print{ .Polaris-Badge--progressPartiallyComplete_11p0t .Polaris-Badge__Pip_375sr{ background:none; box-shadow:0 -102px 0 -100px currentColor inset; } }

.Polaris-Badge--progressComplete_189p5 .Polaris-Badge__Pip_375sr{ background:currentColor; }

@media print{ .Polaris-Badge--progressComplete_189p5 .Polaris-Badge__Pip_375sr{ background:none; box-shadow:0 0 0 100px currentColor inset; } }

.Polaris-Badge--withinFilter_11dcy{ border-radius:var(--p-border-radius-base); }