general-library-union 2.5.89 → 2.5.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-library-union",
-  "version": "2.5.89",
+  "version": "2.5.91",
   "private": false,
   "peerDependencies": {
     "@angular/animations": "^18.0.4",

package/src/styles/primeng/sass/overrides/_theme_styles.scss

@@ -598,6 +598,18 @@ color: var(--color-700);
 .eleccion-modo .p-inputswitch .p-inputswitch-slider{
   color: #fff;
 }
+
+/* Aplicación de transición suave a la bolita del switch */
+
+.eleccion-modo .p-inputswitch-slider {
+  transition: transform 0.4s ease-in-out; /* Ajusta la duración y la curva de tiempo */
+}
+
+/* Cuando el switch está activado */
+
+.eleccion-modo .p-inputswitch-checked .p-inputswitch-slider {
+  transform: translateX(100%); /* Mueve la bolita a la posición de "on" */
+}
 /******************************************************************************
  * color border styles
  *****************************************************************************/

package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss

@@ -573,29 +573,17 @@ body {
 }
 
 
-/* Definición de la animación de escala */
-@keyframes scaleUp {
-  from {
-    transform: scale(0.8); /* Tamaño inicial */
-    opacity: 0.7; /* Opcional: ajusta la opacidad para mayor suavidad */
-  }
-  to {
-    transform: scale(1); /* Tamaño final */
-    opacity: 1; /* Opcional: ajusta la opacidad para mayor suavidad */
-  }
-}
+/* Aplicación de transición suave a la bolita del switch */
 
-/* Aplicación de la animación al componente p-inputSwitch */
-.eleccion-modo .p-inputswitch {
-  display: inline-block; /* Asegúrate de que el contenedor permite el cambio de tamaño */
-  animation: scaleUp 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);; /* Duración y tipo de animación */
+.eleccion-modo .p-inputswitch-slider {
+  transition: transform 0.4s ease-in-out; /* Ajusta la duración y la curva de tiempo */
 }
 
-/* Puedes ajustar la animación para solo aplicar en estados específicos usando clases adicionales */
-.eleccion-modo .p-inputswitch.p-inputswitch-checked {
-  animation: scaleUp 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
-}
+/* Cuando el switch está activado */
 
+.eleccion-modo .p-inputswitch-checked .p-inputswitch-slider {
+  transform: translateX(100%); /* Mueve la bolita a la posición de "on" */
+}
 
 
 /******************************************************************************