nishant-design-system/lib/components/StatusIndicator/StatusIndicator.module.css

Sense UI components library

@value (colorInformation, colorSuccess, colorWarning, colorDanger, colorNeutral, colorBackgroundTertiary) from '../../styles/variables/_color.css';
@value (size8) from '../../styles/variables/_size.css';
@value (borderRadiusCircle, borderWidthTertiary) from '../../styles/variables/_border.css';

.statusWrapper {
  --border-color: colorBackgroundTertiary;
  display: flex;
  color: colorFillPrimary;
  width: size8;
  height: size8;
  border-radius: borderRadiusCircle;
  background-color: colorInformation;
  box-sizing: content-box;
}

.information {
  background-color: colorInformation;
}

.success {
  background-color: colorSuccess;
}

.warning {
  background-color: colorWarning;
}

.danger {
  background-color: colorDanger;
}

.neutral {
  background-color: colorNeutral;
}

.withBorder {
  border: borderWidthTertiary solid var(--border-color);
}