2024-11-10

composer.lock

@@ -3387,16 +3387,16 @@
         },
         {
             "name": "phpstan/phpstan",
-            "version": "1.12.8",
+            "version": "1.12.9",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpstan/phpstan.git",
-                "reference": "f6a60a4d66142b8156c9da923f1972657bc4748c"
+                "reference": "ceb937fb39a92deabc02d20709cf14b2c452502c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/f6a60a4d66142b8156c9da923f1972657bc4748c",
-                "reference": "f6a60a4d66142b8156c9da923f1972657bc4748c",
+                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/ceb937fb39a92deabc02d20709cf14b2c452502c",
+                "reference": "ceb937fb39a92deabc02d20709cf14b2c452502c",
                 "shasum": ""
             },
             "require": {
@@ -3441,7 +3441,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-11-06T19:06:49+00:00"
+            "time": "2024-11-10T17:10:04+00:00"
         },
         {
             "name": "psr/container",

package.json

@@ -34,7 +34,7 @@
     "eslint-plugin-perfectionist": "^3.9.1",
     "fdir": "^6.4.2",
     "globals": "^15.12.0",
-    "knip": "^5.36.4",
+    "knip": "^5.36.5",
     "oxlint": "^0.11.1",
     "picomatch": "^4.0.2",
     "prettier": "^3.3.3",

pnpm-lock.yaml

@@ -76,8 +76,8 @@ importers:
         specifier: ^15.12.0
         version: 15.12.0
       knip:
-        specifier: ^5.36.4
-        version: 5.36.4(@types/node@22.9.0)(typescript@5.7.0-dev.20241105)
+        specifier: ^5.36.5
+        version: 5.36.5(@types/node@22.9.0)(typescript@5.7.0-dev.20241105)
       oxlint:
         specifier: ^0.11.1
         version: 0.11.1
@@ -1900,8 +1900,8 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  knip@5.36.4:
-    resolution: {integrity: sha512-QwaGkCaDom11ThN+dHrgMS+U64mhSEUk0I3lUcFvsCI/AWZiGHWO8wm6G2OLPTpr0S6IxMeguuDYQSgeLVG6gw==}
+  knip@5.36.5:
+    resolution: {integrity: sha512-SKfT9ae69ldqM8fwdhDU4CGtH9T8WXtRFqiJlzd9GdxRUebkktdDB7XayJvHP/1HbSWUrjAG7CQHa78pwjoftw==}
     engines: {node: '>=18.6.0'}
     hasBin: true
     peerDependencies:
@@ -2159,8 +2159,8 @@ packages:
     resolution: {integrity: sha512-GVlENSDW6KHaXcd9zkZltB7tCLosKB/4Hg0fqBJkAoBgYG2Tn1xtMgXtSUuMU9AK/gCm/tTdT8mgAeF4YNeeqw==}
     engines: {node: '>=14.16'}
 
-  php-parser@3.2.0:
-    resolution: {integrity: sha512-HCjPJKnxt2Wse06CZ/qBElEetAXRq7+t7tvEa3QF5DUX0n66PYCObsQKGIReUSSmOnePcweDJO3+f2GsC+KuGQ==}
+  php-parser@3.2.1:
+    resolution: {integrity: sha512-WT5AMqe39ZdqAxp9Yp7uR6e3clBWlT1dxHHs49GmnDx2d+975NEiLSVy2tRGLdSC9tgdQOLiN1Yz54g1d2cZDQ==}
 
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
@@ -3226,7 +3226,7 @@ snapshots:
   '@prettier/plugin-php@0.22.2(prettier@3.3.3)':
     dependencies:
       linguist-languages: 7.27.0
-      php-parser: 3.2.0
+      php-parser: 3.2.1
       prettier: 3.3.3
 
   '@prettier/plugin-xml@3.4.1(prettier@3.3.3)':
@@ -4450,7 +4450,7 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  knip@5.36.4(@types/node@22.9.0)(typescript@5.7.0-dev.20241105):
+  knip@5.36.5(@types/node@22.9.0)(typescript@5.7.0-dev.20241105):
     dependencies:
       '@nodelib/fs.walk': 1.2.8
       '@snyk/github-codeowners': 1.1.0
@@ -4725,7 +4725,7 @@ snapshots:
 
   peek-readable@5.3.1: {}
 
-  php-parser@3.2.0: {}
+  php-parser@3.2.1: {}
 
   picocolors@1.1.1: {}
 

web/app/themes/haiku-atelier-2024/assets/css/main.css

@@ -181,6 +181,24 @@ button {
   outline: 2px solid transparent;
   transition: 0.2s background, 0.2s color;
 }
+button:focus-visible {
+  z-index: 5;
+  outline: 2px solid var(--couleur-noir);
+}
+button:disabled, button[disabled] {
+  background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px/2px 2px;
+  outline-color: transparent;
+}
+button:active {
+  color: var(--couleur-blanc) !important;
+  background: var(--couleur-noir) !important;
+}
+@media (hover: hover) {
+  button:hover {
+    color: var(--couleur-noir);
+    background: var(--couleur-jaune);
+  }
+}
 button.bouton-case-pleine {
   width: 100%;
   height: 100%;
@@ -198,22 +216,9 @@ button.bouton-blanc-sur-noir {
   color: var(--couleur-blanc);
   background: var(--couleur-noir);
 }
-button:focus-visible {
-  z-index: 5;
-  outline: 2px solid var(--couleur-noir);
-}
-button:disabled, button[disabled] {
-  background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px/2px 2px;
-  outline-color: transparent;
-}
-button:active {
-  color: var(--couleur-blanc) !important;
-  background: var(--couleur-noir) !important;
-}
 @media (hover: hover) {
-  button:hover {
-    color: var(--couleur-noir);
-    background: var(--couleur-jaune);
+  button.bouton-fleche {
+    background: initial;
   }
 }
 
@@ -741,14 +746,14 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
   position: absolute;
   z-index: 5;
   bottom: calc(var(--position-y-fleches) / 2 - var(--espace-l) / 2);
-  width: var(--espace-l);
-  height: var(--espace-l);
-  padding: var(--espace-s);
+  width: 3rem;
+  height: 3rem;
   visibility: hidden;
   opacity: 0;
   border-radius: 100%;
   mix-blend-mode: difference;
   shape-rendering: geometricprecision;
+  padding: var(--espace-s);
   transition: 0.2s opacity, 0.2s visibility;
 }
 .fleches-defilement__bouton:first-of-type {
@@ -757,10 +762,6 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
 .fleches-defilement__bouton:last-of-type {
   right: var(--espace-l);
 }
-.fleches-defilement__bouton svg {
-  width: inherit;
-  height: inherit;
-}
 .fleches-defilement[data-images-presentes-debut] .fleches-defilement__bouton:first-of-type {
   cursor: pointer;
   opacity: 1;

web/app/themes/haiku-atelier-2024/assets/img/icons/fleche-droite.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414" fill="red"/></svg>
+<svg xmlns="http://www.w4.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414" fill="red"/></svg>

web/app/themes/haiku-atelier-2024/src/sass/base/elements/_boutons.scss

@@ -13,27 +13,6 @@ button {
   outline: 2px solid transparent;
   transition: 0.2s background, 0.2s color;
 
-  &.bouton-case-pleine {
-    width: 100%;
-    height: 100%;
-
-    &--blanc-sur-noir {
-      font-style: italic;
-      text-transform: uppercase;
-      letter-spacing: var(--espacement-inter-lettres-etendu-m);
-
-      &:focus-visible {
-        color: var(--couleur-noir);
-        background: var(--couleur-jaune);
-      }
-    }
-  }
-
-  &.bouton-blanc-sur-noir {
-    color: var(--couleur-blanc);
-    background: var(--couleur-noir);
-  }
-
   &:focus-visible {
     z-index: 5;
     outline: 2px solid var(--couleur-noir);
@@ -56,4 +35,32 @@ button {
       background: var(--couleur-jaune);
     }
   }
+
+  // Particularismes
+  &.bouton-case-pleine {
+    width: 100%;
+    height: 100%;
+
+    &--blanc-sur-noir {
+      font-style: italic;
+      text-transform: uppercase;
+      letter-spacing: var(--espacement-inter-lettres-etendu-m);
+
+      &:focus-visible {
+        color: var(--couleur-noir);
+        background: var(--couleur-jaune);
+      }
+    }
+  }
+
+  &.bouton-blanc-sur-noir {
+    color: var(--couleur-blanc);
+    background: var(--couleur-noir);
+  }
+
+  &.bouton-fleche {
+    @media (hover: hover) {
+      background: initial;
+    }
+  }
 }

web/app/themes/haiku-atelier-2024/src/sass/layouts/_colonnes-photos.scss

@@ -16,14 +16,14 @@
     position: absolute;
     z-index: 5;
     bottom: calc(var(--position-y-fleches) / 2 - var(--espace-l) / 2);
-    width: var(--espace-l);
-    height: var(--espace-l);
-    padding: var(--espace-s);
+    width: 3rem;
+    height: 3rem;
     visibility: hidden;
     opacity: 0;
     border-radius: 100%;
     mix-blend-mode: difference;
     shape-rendering: geometricprecision;
+    padding: var(--espace-s);
     transition: 0.2s opacity, 0.2s visibility;
 
     &:first-of-type {
@@ -33,11 +33,6 @@
     &:last-of-type {
       right: var(--espace-l);
     }
-
-    svg {
-      width: inherit;
-      height: inherit;
-    }
   }
 
   &[data-images-presentes-debut] {

web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig

@@ -80,7 +80,7 @@
   </nav>
 
   {# Bouton « Panier » avec l'indicateur de quantité de Produits #}
-  <section class="compte-panier">
+  <section class="compte-panier" hidden>
     <a
       class="lien-bouton"
       data-contient-articles="{{ articles_presents }}"

web/app/themes/haiku-atelier-2024/views/parts/pages/produit/informations-produit.twig

@@ -137,7 +137,7 @@
       <p class="selecteur-produit__prix">{{ produit.prix }}€</p>
     </section>
 
-    <section class="actions-produit">
+    <section class="actions-produit" hidden>
       <button
         class="bouton-case-pleine"
         disabled

web/app/themes/haiku-atelier-2024/views/parts/pages/produit/photos-produit.twig

@@ -1,13 +1,13 @@
 <div class="fleches-defilement">
   <button
-    class="fleches-defilement__bouton"
+    class="fleches-defilement__bouton bouton-fleche"
     type="button"
   >
     <svg
-      height="15"
+      height="2rem"
       transform="scale(-1 1)"
       viewBox="0 0 15 15"
-      width="15"
+      width="2rem"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
@@ -18,13 +18,13 @@
   </button>
 
   <button
-    class="fleches-defilement__bouton"
+    class="fleches-defilement__bouton bouton-fleche"
     type="button"
   >
     <svg
-      height="15"
+      height="2rem"
       viewBox="0 0 15 15"
-      width="15"
+      width="2rem"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path