@alexochihua/exos-library-components 2.2.2 → 2.2.3

package/dist/style.css

@@ -925,6 +925,13 @@ video {
   flex-direction: column;
 }
 
+.e-card__mainContainer {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+}
+
 .e-card-bgColor {
   background-color: var(--color-field-light);
 }
@@ -934,11 +941,21 @@ video {
 }
 
 .e-card-borderBgColor {
-  border-color: rgb(107 114 128 / 0.3);
+  border-color: var(--color-secondary);
+  --tw-border-opacity: 0.5;
 }
 
-:is(.exos-dark .e-card-borderBgColor) {
-  border-color: rgb(107 114 128 / 0.3);
+.e-card__label {
+  position: absolute;
+  top: -0.875rem;
+  left: 1.5rem;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  font-weight: 700;
+}
+
+.e-card__labelColor {
+  color: var(--color-secondary);
 }
 
 .e-checkbox {
@@ -1166,6 +1183,13 @@ video {
   color: rgb(148 163 184 / var(--tw-text-opacity));
 }
 
+.e-dropdown-mainContainer {
+  position: relative;
+  z-index: 30;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .e-dropdown-base:disabled {
   cursor: not-allowed;
   border-width: 2px;
@@ -1921,6 +1945,12 @@ video {
   color: var(--color-secondary);
 }
 
+.e-btnGroup__mainContainer {
+  display: flex;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 /*  =====  utilities  =====  */
 
 .exos-sr-only {
@@ -2295,6 +2325,10 @@ video {
   min-height: 10rem;
 }
 
+.exos-min-h-\[5rem\] {
+  min-height: 5rem;
+}
+
 .exos-w-0 {
   width: 0px;
 }
@@ -2770,6 +2804,11 @@ video {
   border-bottom-left-radius: 1rem;
 }
 
+.exos-rounded-l-full {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
 .exos-rounded-l-lg {
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
@@ -2790,6 +2829,36 @@ video {
   border-bottom-left-radius: 0.75rem;
 }
 
+.exos-rounded-r-2xl {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
+
+.exos-rounded-r-full {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.exos-rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+
+.exos-rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.exos-rounded-r-sm {
+  border-top-right-radius: 0.125rem;
+  border-bottom-right-radius: 0.125rem;
+}
+
+.exos-rounded-r-xl {
+  border-top-right-radius: 0.75rem;
+  border-bottom-right-radius: 0.75rem;
+}
+
 .exos-rounded-t-2xl {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
@@ -2953,6 +3022,11 @@ video {
   --tw-border-opacity: 0.2;
 }
 
+.exos-bg-amber-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
+}
+
 .exos-bg-bgGralLight {
   --tw-bg-opacity: 1;
   background-color: rgb(250 251 251 / var(--tw-bg-opacity));
@@ -2982,11 +3056,21 @@ video {
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
+.exos-bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
+
 .exos-bg-green-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
 
+.exos-bg-indigo-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(129 140 248 / var(--tw-bg-opacity));
+}
+
 .exos-bg-main {
   background-color: var(--color-main-light);
 }
@@ -3234,6 +3318,10 @@ video {
   padding-top: 1rem;
 }
 
+.exos-pt-5 {
+  padding-top: 1.25rem;
+}
+
 .exos-text-left {
   text-align: left;
 }
@@ -3398,6 +3486,11 @@ video {
   color: var(--color-primary);
 }
 
+.exos-text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgb(248 113 113 / var(--tw-text-opacity));
+}
+
 .exos-text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -3689,16 +3782,36 @@ video {
   border-color: rgb(22 163 74 / var(--tw-border-opacity));
 }
 
+.hover\:exos-bg-amber-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
+}
+
 .hover\:exos-bg-black:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.hover\:exos-bg-blue-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
+}
+
+.hover\:exos-bg-blue-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+
 .hover\:exos-bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.hover\:exos-bg-indigo-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
+}
+
 .hover\:exos-bg-secondary:hover {
   background-color: var(--color-secondary);
 }
@@ -4263,6 +4376,10 @@ video {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
+  .lg\:exos-grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
   .lg\:exos-flex-row {
     flex-direction: row;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexochihua/exos-library-components",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "## Componentes base Vue 3 y Tailwind",
   "author": "Exos",
   "scripts": {