@ozen-ui/kit/__inner__/esm/components/Indicator/Indicator.css

React component library

.Indicator {
  --indicator-border-color: var(--color-background-main);
  inline-size: var(--indicator-size);
  block-size: var(--indicator-size);
  border-radius: calc(var(--indicator-size) / 2);
  flex-shrink: 0;
}

  .Indicator_variant_neutral {
      background-color: var(--color-content-disabled);
    }

  .Indicator_variant_error {
      background-color: var(--color-content-error);
    }

  .Indicator_variant_warning {
      background-color: var(--color-content-warning);
    }

  .Indicator_variant_success {
      background-color: var(--color-content-success);
    }

  .Indicator_variant_info {
      background-color: var(--color-content-info);
    }

  .Indicator_size_xs {
      --indicator-size: 6px;
    }

  .Indicator_size_s {
      --indicator-size: 8px;
    }

  .Indicator_size_m {
      --indicator-size: 12px;
    }

  .Indicator_border {
    box-shadow: var(--indicator-border-color) 0 0 0 var(--border-width-m);
  }