fix(stories): clean up HTML classes and prose hover

Author: Kurt Medley

apps/html/stories/container/fragments/fluid.html

@@ -1,7 +1,6 @@
 <div class="c1-story-bg-sand-alt c1-story-pad-16">
   <div
-    class="cdr-container cdr-container--fluid"
-    class="c1-story-bg-white c1-story-border-soft"
+    class="cdr-container cdr-container--fluid c1-story-bg-white c1-story-border-soft"
   >
     <div class="c1-story-pad-16">
       <strong>fluid</strong> container content

apps/html/stories/container/fragments/side-by-side.html

@@ -1,8 +1,7 @@
 <div class="c1-story-grid c1-story-gap-16">
   <div class="c1-story-bg-sand-alt c1-story-pad-16">
     <div
-      class="cdr-container cdr-container--static"
-      class="c1-story-bg-white c1-story-border-soft"
+      class="cdr-container cdr-container--static c1-story-bg-white c1-story-border-soft"
     >
       <div class="c1-story-pad-16">
         <strong>static</strong> container content
@@ -11,8 +10,7 @@
   </div>
   <div class="c1-story-bg-sand-alt c1-story-pad-16">
     <div
-      class="cdr-container cdr-container--fluid"
-      class="c1-story-bg-white c1-story-border-soft"
+      class="cdr-container cdr-container--fluid c1-story-bg-white c1-story-border-soft"
     >
       <div class="c1-story-pad-16">
         <strong>fluid</strong> container content

apps/html/stories/container/fragments/static.html

@@ -1,7 +1,6 @@
 <div class="c1-story-bg-sand-alt c1-story-pad-16">
   <div
-    class="cdr-container cdr-container--static"
-    class="c1-story-bg-white c1-story-border-soft"
+    class="cdr-container cdr-container--static c1-story-bg-white c1-story-border-soft"
   >
     <div class="c1-story-pad-16">
       <strong>static</strong> container content

apps/html/stories/form-error/fragments/active.html

@@ -1,7 +1,6 @@
 <div class="cdr-form-error --active-error c1-story-flex c1-story-align-center c1-story-gap-4">
   <span
-    class="cdr-form-error__icon"
-    class="c1-story-inline-flex c1-story-align-center c1-story-justify-center c1-story-h-20"
+    class="cdr-form-error__icon c1-story-inline-flex c1-story-align-center c1-story-justify-center c1-story-h-20"
   >
     <svg
       aria-hidden="true"

apps/html/stories/input/fragments/error.html

@@ -16,8 +16,7 @@
   <div class="cdr-label-standalone__post-content">
     <div class="cdr-form-error --active-error c1-story-flex c1-story-align-center c1-story-gap-4">
       <span
-        class="cdr-form-error__icon"
-        class="c1-story-inline-flex c1-story-align-center c1-story-justify-center c1-story-h-20"
+        class="cdr-form-error__icon c1-story-inline-flex c1-story-align-center c1-story-justify-center c1-story-h-20"
       >
         <svg
           aria-hidden="true"

apps/html/stories/prose/fragments/component-mix.html

@@ -2,19 +2,17 @@
   <article class="cdr-prose c1-story-max-72ch">
     <h2>Mixed content with Cedar components</h2>
     <p>
-      Prose styling should not leak into Cedar components. Wrap component
-      blocks with <code>.cdr-not-prose</code> when needed.
+      Prose styling should not leak into Cedar components. Wrap component blocks
+      with <code>.cdr-not-prose</code> when needed.
     </p>
     <div
-      class="cdr-not-prose"
-      class="c1-story-grid c1-story-gap-12 c1-story-pad-16 c1-story-border-prose"
+      class="cdr-not-prose c1-story-grid c1-story-gap-12 c1-story-pad-16 c1-story-border-prose"
     >
       <h3 class="cdr-title">Component title</h3>
       <a class="cdr-link" href="#">Cedar link</a>
       <button
         type="button"
-        class="cdr-button cdr-button--secondary cdr-button--medium"
-        class="c1-story-justify-self-start"
+        class="cdr-button cdr-button--secondary cdr-button--medium c1-story-justify-self-start"
       >
         Secondary action
       </button>

apps/html/stories/prose/fragments/dark-surface.html

@@ -1,7 +1,6 @@
 <div class="c1-story-grid c1-story-gap-24 c1-story-pad-24">
   <article
-    class="cdr-prose cdr-prose--invert"
-    class="c1-story-bg-dark-rest c1-story-pad-24 c1-story-radius-softer c1-story-max-60ch"
+    class="cdr-prose cdr-prose--invert c1-story-bg-dark-rest c1-story-pad-24 c1-story-radius-softer c1-story-max-60ch"
   >
     <h2>Prose on dark surfaces</h2>
     <p>

apps/html/stories/prose/fragments/escape-hatch.html

@@ -6,8 +6,7 @@ <h2>Prose with embedded components</h2>
       Cedar components or custom UI blocks.
     </p>
     <div
-      class="cdr-not-prose"
-      class="c1-story-pad-16 c1-story-border-prose-dashed"
+      class="cdr-not-prose c1-story-pad-16 c1-story-border-prose-dashed"
     >
       <p class="cdr-text">This block opts out of prose styling.</p>
       <button type="button" class="cdr-button cdr-button--primary cdr-button--medium">

apps/html/stories/prose/fragments/invert.html

@@ -1,7 +1,6 @@
 <div class="c1-story-grid c1-story-gap-24 c1-story-pad-24">
   <article
-    class="cdr-prose cdr-prose--invert"
-    class="c1-story-bg-dark-rest c1-story-pad-24 c1-story-radius-softer c1-story-max-60ch"
+    class="cdr-prose cdr-prose--invert c1-story-bg-dark-rest c1-story-pad-24 c1-story-radius-softer c1-story-max-60ch"
   >
     <h2>Dark surface</h2>
     <p>

apps/html/stories/split-surface/fragments/bottom.html

@@ -1,7 +1,6 @@
 <div class="c1-story-bg-sand c1-story-pad-24">
   <div
-    class="cdr-split-surface cdr-split-surface--bottom"
-    class="c1-story-split-surface-white"
+    class="cdr-split-surface cdr-split-surface--bottom c1-story-split-surface-white"
   >
     <div class="cdr-split-surface__top">
       <img