From d4d140bc89a24f13d98499a5b47530d73f7d0707 Mon Sep 17 00:00:00 2001
From: Dan Cormier <dcormier@stackoverflow.com>
Date: Wed, 27 Nov 2024 05:31:18 -0500
Subject: [PATCH] docs(fundamentals): rename example-row-detail to annotation
 (#1863)

Relates to https://github.com/StackExchange/Stacks/pull/1859#discussion_r1856683482
---
 ...xample-row-detail.html => annotation.html} |  0
 docs/product/foundation/accessibility.html    | 14 ++++++------
 .../foundation/color-fundamentals.html        | 22 +++++++++----------
 3 files changed, 18 insertions(+), 18 deletions(-)
 rename docs/_includes/{example-row-detail.html => annotation.html} (100%)

diff --git a/docs/_includes/example-row-detail.html b/docs/_includes/annotation.html
similarity index 100%
rename from docs/_includes/example-row-detail.html
rename to docs/_includes/annotation.html
diff --git a/docs/product/foundation/accessibility.html b/docs/product/foundation/accessibility.html
index af87bcd0dd..abf6566de0 100644
--- a/docs/product/foundation/accessibility.html
+++ b/docs/product/foundation/accessibility.html
@@ -106,7 +106,7 @@
                     role="presentation">
                     {% icon "Pencil" %} Button
                 </button>
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
@@ -133,7 +133,7 @@
                     {% icon "Pencil" %}
                     Button
                 </button>
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
@@ -158,7 +158,7 @@
                     <input class="s-toggle-switch {{group.classes | default: ""}}" type="checkbox" role="presentation">
                 {% endif %}
 
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
@@ -197,7 +197,7 @@
                     </div>
                 {% endif %}
 
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
@@ -232,7 +232,7 @@
                     </div>
                 {% endif %}
 
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
@@ -284,7 +284,7 @@
                     </div>
                 {% endif %}
 
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
@@ -306,7 +306,7 @@
                     </button>
                 {% endif %}
 
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: group.description,
                     style: "margin-left: 50%;",
                     customHeight: 16
diff --git a/docs/product/foundation/color-fundamentals.html b/docs/product/foundation/color-fundamentals.html
index 4d42d1a059..d378b3df77 100644
--- a/docs/product/foundation/color-fundamentals.html
+++ b/docs/product/foundation/color-fundamentals.html
@@ -128,7 +128,7 @@
     <section class="stacks-section">
         {% header "h3", "Backgrounds" %}
         <div class="d-flex fd-column bg-black-100 bar-lg p32">
-            {% render 'example-row-detail.html',
+            {% render 'annotation.html',
                 text: "Default background color",
                 style: "margin-left: calc((1.5/11) * 100%)",
                 classes: "sm:d-none",
@@ -139,7 +139,7 @@
                 colorSets: colors[0].sets,
                 labeledStops: "050,100,150,200" | split: ","
             %}
-            {% render 'example-row-detail.html',
+            {% render 'annotation.html',
                 text: "Background layers",
                 style: "width: calc((4/11) * 100%)",
                 classes: "sm:d-none",
@@ -160,13 +160,13 @@
                 labeledStops: "200,225,300" | split: ","
             %}
             <div class="d-flex w100">
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: "Decorative borders",
                     style: "margin-left: calc((3/11) * 100%); width: calc((2/11) * 100%)",
                     classes: "sm:d-none",
                     range: true
                 %}
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: "Input borders",
                     classes: "sm:d-none",
                     style: "margin-left: calc((1.5/11) * 100%);"
@@ -187,13 +187,13 @@
                 labeledStops: "400,500,600" | split: ","
             %}
             <div class="d-flex w100">
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: "Text",
                     style: "margin-left: calc((8/11) * 100%); width: calc((2/11) * 100%)",
                     classes: "sm:d-none",
                     range: true
                 %}
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: "Heading",
                     style: "margin-left: calc((.5/11) * 100%);",
                     classes: "sm:d-none"
@@ -210,12 +210,12 @@
         <div class="d-flex fd-column bg-black-100 bar-lg p32">
             {% render 'color-row.html', color: "black", colorSets: colors[0].sets, labeledStops: "350,400,500" | split: "," %}
             <div class="d-flex w100">
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: "Illustrations",
                     style: "margin-left: calc((7.5/11) * 100%)",
                     classes: "sm:d-none"
                 %}
-                {% render 'example-row-detail.html',
+                {% render 'annotation.html',
                     text: "Icons",
                     style: "margin-left: calc((.5/11) * 100%); width: calc((2/11) * 100%)",
                     classes: "sm:d-none",
@@ -331,7 +331,7 @@
                                 <div class="{{color.classes}} bar-pill ta-center px8 py2">Robotics</div>
                             {% endfor %}
                         </div>
-                        {% render 'example-row-detail.html',
+                        {% render 'annotation.html',
                             text: group.name,
                             range: true
                         %}
@@ -342,7 +342,7 @@
                 {% for group in colors[0].emphasis %}
                     <div class="ta-center">
                         <div class="fs-title {{group.textClasses}}">Text</div>
-                        {% render 'example-row-detail.html',
+                        {% render 'annotation.html',
                             text: group.name,
                             style: "margin-left: 50%;"
                         %}
@@ -361,7 +361,7 @@
             {% for group in colors[0].interaction %}
                 <div class="ta-center w100">
                     <button class="s-btn s-btn__filled {{group.classes}}" {{group.attr}} role="presentation">Button</button>
-                    {% render 'example-row-detail.html',
+                    {% render 'annotation.html',
                         text: group.name,
                         style: "margin-left: 50%;"
                     %}