From a3d42612719c8404417b1e2a1e18d44bf263cbda Mon Sep 17 00:00:00 2001
From: Issermann Hannah <hannah.issermann@orange.com>
Date: Mon, 24 Feb 2025 16:10:07 +0100
Subject: [PATCH] Fixes after Vincent review

---
 site/content/docs/0.1/helpers/stacks.md | 16 ++++------------
 site/content/docs/0.1/migration.md      |  8 +++++++-
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/site/content/docs/0.1/helpers/stacks.md b/site/content/docs/0.1/helpers/stacks.md
index 11309d2046..ae90462c78 100644
--- a/site/content/docs/0.1/helpers/stacks.md
+++ b/site/content/docs/0.1/helpers/stacks.md
@@ -59,7 +59,7 @@ Using horizontal margin utilities like `.ms-auto` as spacers:
 </div>
 {{< /example >}}-->
 
-<!--## Examples
+## Examples
 
 Use `.vstack` to stack buttons and other elements:
 
@@ -72,22 +72,14 @@ Use `.vstack` to stack buttons and other elements:
 
 Create an inline form with `.hstack`:
 
-<details>
-<summary>See Bootstrap examples that are incompatible with Orange Unified Design System.</summary>
-<br>
-{{< design-callout-alert >}}
-This variant with an **horizontal layout** (i.e. labels not above the input fields) should not be used because it does not respect the Orange Unified Design System specifications.
-{{< /design-callout-alert >}}
-
 {{< example >}}
-<div class="hstack gap-tall">
-  <input class="form-control me-auto" type="text" placeholder="Add your item here..." aria-label="Add your item here...">
+<div class="hstack gap-3">
+  <!-- <input class="form-control me-auto" type="text" placeholder="Add your item here..." aria-label="Add your item here...">-->
   <button type="button" class="btn btn-strong">Submit</button>
   <div class="vr"></div>
-  <button type="button" class="btn btn-default">Reset</button>
+  <button type="button" class="btn btn-negative">Reset</button>
 </div>
 {{< /example >}}
-</details>-->
 
 ## CSS
 
diff --git a/site/content/docs/0.1/migration.md b/site/content/docs/0.1/migration.md
index e8aa9b0967..a5191fac61 100644
--- a/site/content/docs/0.1/migration.md
+++ b/site/content/docs/0.1/migration.md
@@ -23,7 +23,11 @@ toc: true
 
 ### CSS and Sass variables
 
-- <span class="badge text-bg-status-positive-emphasized">New</span> `$enable-rounded` (default <code>true</code>) have been introduced. It allows you to set rounded or flat corners on components.
+- <span class="badge text-bg-status-positive-emphasized">New</span> `$enable-button-pointers` (default <code>true</code>) has been introduced. It is used to add a "hand" cursor to non-disabled button elements.
+
+- <span class="badge text-bg-status-positive-emphasized">New</span> `$enable-gradients` (default <code>false</code>) has been introduced. It is used to enable predefined gradients via `background-image` styles on various components.
+
+- <span class="badge text-bg-status-positive-emphasized">New</span> `$enable-rounded` (default <code>true</code>) has been introduced. It allows you to set rounded or flat corners on components.
 
 - <details class="mb-short">
     <summary><span class="badge text-bg-status-positive-emphasized">New</span> Sass variables:</summary>
@@ -35,6 +39,8 @@ toc: true
       <li><code>$btn-padding-x</code></li>
       <li><code>$btn-padding-y</code></li>
       <li><code>$btn-white-space</code></li>
+      <li><code>$enable-button-pointers</code></li>
+      <li><code>$enable-gradients</code></li>
       <li><code>$enable-rounded</code></li>
       <li><code>$ouds-button-border-radius</code></li>
       <li><code>$ouds-button-border-width-default-interaction-mono</code></li>