coer-elements 0.0.76 → 0.0.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "COER",

package/styles/coer-elements.css

@@ -1894,7 +1894,8 @@ aside.toast-container > * {
   align-items: flex-start !important;
 }
 
-.flex-wrap .flex-wrap-center {
+.flex-wrap,
+.flex-wrap-center {
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 10px !important;
@@ -1928,6 +1929,46 @@ aside.toast-container > * {
   animation-fill-mode: both;
 }
 
+.z-index-1 {
+  z-index: 1 !important;
+}
+
+.z-index-2 {
+  z-index: 2 !important;
+}
+
+.z-index-3 {
+  z-index: 3 !important;
+}
+
+.z-index-4 {
+  z-index: 4 !important;
+}
+
+.z-index-5 {
+  z-index: 5 !important;
+}
+
+.z-index-6 {
+  z-index: 6 !important;
+}
+
+.z-index-7 {
+  z-index: 7 !important;
+}
+
+.z-index-8 {
+  z-index: 8 !important;
+}
+
+.z-index-9 {
+  z-index: 9 !important;
+}
+
+.z-index-10 {
+  z-index: 10 !important;
+}
+
 * {
   font-family: sans-serif;
   letter-spacing: normal;

package/styles/index.scss

@@ -6,6 +6,7 @@
 @use "./scroll-bar.scss"; 
 @use "./layout.scss";
 @use "./animations.scss";
+@use "./position.scss";
 
 * {
     font-family: sans-serif;

package/styles/layout.scss

@@ -32,7 +32,7 @@
     align-items: flex-start !important;
 }
 
-.flex-wrap
+.flex-wrap,
 .flex-wrap-center { 
     @include FlexWrap();
     align-items: center !important;

package/styles/position.scss

@@ -2,4 +2,6 @@
     .z-index-#{$i} {
         z-index: $i !important;
     }
-}
+}
+
+