Fixes after Vincent review

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
 

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>