I have defined the following classes in my CSS module:
.container-styles {
height: 20px;
width: 90%;
background-color: rgb(128 , 128 , 128);
}
.filler-styles {
height: 100%;
border-radius: inherit;
background-color: rgb(27, 150, 40);
text-align: right;
}
.label-styles {
padding: 5px;
color: rgb(255 , 255 , 255);
font-weight: bold;
}
When I inspect the element in the developer tools, I see that the class names change to the following: 1. container-styles => DocumentsStatuBar_container-styles__7vf23 2. filler-styles => DocumentsStatuBar_filler-styles__6Imtl and so on.
My question is whether these dynamically generated names will remain consistent every time I build, run, or test my project.