@massimo-cassandro/minimo 1.24.4 → 1.24.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.24.4",
+  "version": "1.24.6",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/components/autocomplete/autocomplete.css

@@ -54,7 +54,10 @@
         padding: .3rem .5rem;
         background-color: var(--ac-list-item-bg);
         border-radius: .35rem;
-        transition: all .2s ease;
+
+        @media screen and (prefers-reduced-motion: no-preference) {
+          transition: all .2s ease;
+        }
 
         .badge {
           color: #fff;

package/src/components/modal-popup/modal-popup.module.css

@@ -21,7 +21,10 @@
   border-radius: var(--mpopup-border-radius);
   box-shadow: var(--mpopup-drop-shadow);
   scale: 0;
-  transition: scale .2s ease-out;
+
+  @media screen and (prefers-reduced-motion: no-preference) {
+    transition: scale .2s ease-out;
+  }
 
   &::backdrop {
     overscroll-behavior: contain;

package/src/components/slide-up-down-toggle/slide-up-down-toggle.module.css

@@ -56,9 +56,12 @@
   display: block !important;
   height: auto;
   overflow: hidden;
-  transition:
-    height var(--slide-duration) ease,
-    display var(--slide-duration) allow-discrete;
+
+  @media screen and (prefers-reduced-motion: no-preference) {
+    transition:
+      height var(--slide-duration) ease,
+      display var(--slide-duration) allow-discrete;
+  }
 }
 
 /* collapsed state: height animates to 0, then display snaps to none */

package/src/components/unsplash-page/unsplash-page.module.css

@@ -122,7 +122,10 @@ html, body {
 
 .unsplashPhoto, .credits {
   opacity: 0;
-  transition: opacity .3s linear;
+
+  @media screen and (prefers-reduced-motion: no-preference) {
+    transition: opacity .3s linear;
+  }
 
   .show & {
     opacity: 1;
@@ -154,7 +157,10 @@ html, body {
   max-width: 90dvw;
   padding: 1rem 2rem;
   text-align: center;
-  transition: translate .3s ease-in-out;
+
+  @media screen and (prefers-reduced-motion: no-preference) {
+    transition: translate .3s ease-in-out;
+  }
 
   h1 {
     margin: 0;

package/src/css/forms/switch.css

@@ -82,9 +82,11 @@ background-image.
 
 @media (prefers-reduced-motion: no-preference) {
   .form-switch .form-check-input {
-    transition:
-      background-color var(--form-switch-transition-duration) linear,
-      background-position var(--form-switch-transition-duration) ease-in-out;
+    @media screen and (prefers-reduced-motion: no-preference) {
+      transition:
+        background-color var(--form-switch-transition-duration) linear,
+        background-position var(--form-switch-transition-duration) ease-in-out;
+    }
   }
 }
 

package/src/utilities/dom-builder-helpers/form-tags.js

@@ -110,6 +110,7 @@ export function buildInput({
  * @param {string | null} [args.wrapperClass=null] - optional class to be added to the `.form-group` wrapper.
  * @param {string | null} [args.className=null] - optional class to be added to the `input`.
  * @param {boolean} [args.condition=true] - When false, the function returns `null` without building anything.
+ * @param {boolean} [args.useBsClass=false] - When true, uses BS5 class (`form-select`) instead of `form-control`
  * @param {string | HTMLElement | null} args.help - Optional help text.
  * @param {(function(HTMLElement): void) | null} args.callback - Optional callback function.
  * @param {Record<string, any> | null}  [args.attrs={}] - Optional attributes object.
@@ -124,6 +125,7 @@ export function buildSelect({
   addEmptyOption = true,
   wrapperClass = null,
   className = null,
+  useBsClass = false,
   condition = true,
   help = null,
   attrs = {},
@@ -158,7 +160,7 @@ export function buildSelect({
       `label.form-label[for:${id}] ${label}`,
       {
         tag: 'select',
-        className: classnames('form-control', className, attrs?.class),
+        className: classnames(useBsClass? 'form-select' : 'form-control', className, attrs?.class),
         id: id,
         attrs: {
           ...(attrs??{}),