@alexochihua/exos-library-components 2.0.0 → 2.2.0

package/dist/style.css

@@ -1,28 +1,5 @@
 /* exos-library-components/indexCss */
 
-.e-checkbox {
-  margin: 0px;
-  display: flex;
-  cursor: pointer;
-  align-items: center;
-  padding: 0px;
-  line-height: 0;
-}
-
-.e-checkbox.exos-disabled {
-  cursor: not-allowed;
-}
-
-.e-checkbox__label {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.exos-reverse .e-checkbox__label {
-  padding-left: 0px;
-  padding-right: 0.5rem;
-}
-
 .exos-disabled {
   opacity: 0.6;
 }
@@ -964,6 +941,42 @@ video {
   border-color: rgb(107 114 128 / 0.3);
 }
 
+.e-checkbox {
+  margin: 0px;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  padding: 0px;
+  line-height: 0;
+}
+
+.e-checkbox.exos-disabled {
+  cursor: not-allowed;
+}
+
+.e-checkbox__label {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.exos-reverse .e-checkbox__label {
+  padding-left: 0px;
+  padding-right: 0.5rem;
+}
+
+.e-checkbox__boxClass {
+  display: flex;
+  height: 1em;
+  width: 1em;
+  align-items: center;
+  justify-content: center;
+}
+
+.e-checkbox__iconColor {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .e-collapse-base {
   display: flex;
   width: 100%;
@@ -1240,6 +1253,16 @@ video {
   background-color: var(--color-secondary);
 }
 
+.e-dropdown__options--rounded:first-child {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.e-dropdown__options--rounded:last-child {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
 .e-dropdown-optionsTextColor {
   color: var(--color-content-dark);
 }
@@ -1568,6 +1591,56 @@ video {
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
 
+.e-stepper__container {
+  display: flex;
+  width: 100%;
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.e-step__container {
+  width: -moz-fit-content;
+  width: fit-content;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.e-step__container:last-child {
+  flex: 1 1 0%;
+}
+
+:not(.e-step__selected).e-step__container {
+  border-bottom-width: 2px;
+  border-color: var(--color-secondary);
+  font-weight: 300;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+:not(.e-step__selected).e-step__container.e-step__clickable {
+  cursor: pointer;
+}
+
+:not(.e-step__selected).e-step__container.e-step__clickable.exos-disabled {
+  cursor: not-allowed;
+}
+
+.e-step__selected {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+  border-top-width: 2px;
+  border-bottom-width: 2px;
+  border-left-width: 2px;
+  border-right-width: 2px;
+  border-left-color: var(--color-secondary);
+  border-right-color: var(--color-secondary);
+  border-top-color: var(--color-secondary);
+  font-weight: 500;
+  background-color: color-mix(in srgb, var(--color-secondary) 35%, white);
+}
+
 .e-input-base {
   display: flex;
   height: -moz-fit-content;
@@ -1704,9 +1777,6 @@ video {
 
 .e-table__mainContainer {
   overflow-x: auto;
-  --tw-shadow: 0 1px 3px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
-  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 1px var(--tw-shadow-color), 0 2px 1px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .e-table__table {
@@ -2080,10 +2150,6 @@ video {
   height: 2.25rem;
 }
 
-.exos-h-\[1em\] {
-  height: 1em;
-}
-
 .exos-h-\[4\.3rem\] {
   height: 4.3rem;
 }
@@ -2149,10 +2215,6 @@ video {
   width: 2.25rem;
 }
 
-.exos-w-\[1em\] {
-  width: 1em;
-}
-
 .exos-w-\[30\%\] {
   width: 30%;
 }
@@ -2212,6 +2274,11 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.exos-rotate-180 {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .exos-scale-75 {
   --tw-scale-x: .75;
   --tw-scale-y: .75;
@@ -2856,6 +2923,10 @@ video {
   --tw-bg-opacity: 0.5;
 }
 
+.exos-fill-current {
+  fill: currentColor;
+}
+
 .exos-fill-secondary {
   fill: var(--color-secondary);
 }
@@ -3069,10 +3140,6 @@ video {
   line-height: 2.25rem;
 }
 
-.exos-text-\[\.95em\] {
-  font-size: .95em;
-}
-
 .exos-text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -3217,6 +3284,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.exos-text-zinc-500 {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity));
+}
+
 .exos-text-opacity-90 {
   --tw-text-opacity: 0.9;
 }

package/package.json

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