fixing visual diffs

Author: zamoore

showcase/app/components/page-components/application-state/code-fragments/with-action-variants.gts

@@ -38,6 +38,10 @@ const CodeFragmentWithActionVariants: TemplateOnlyComponent<CodeFragmentWithActi
           <F.Button @color="primary" @text="Primary action" />
         {{/if}}
 
+        {{#if @hasSecondaryAction}}
+          <F.Button @color="secondary" @text="Secondary action" />
+        {{/if}}
+
         {{#if @hasDropdown}}
           <F.Dropdown @listPosition="bottom-right" as |dd|>
             <dd.ToggleButton @text="Choose an option" />

showcase/app/components/page-components/application-state/sub-sections/with-media.gts

@@ -95,6 +95,15 @@ const SubSectionWithMedia: TemplateOnlyComponent<SubSectionWithMediaSignature> =
 
     <ShwTextH4 @tag="h3">With wide media (banner-like)</ShwTextH4>
 
+    <button
+      type="button"
+      class="shw-component-application-state-button-highlight"
+      {{on "click" @toggleHighlight}}
+    >
+      {{if @showHighlight "Hide" "Show"}}
+      layout highlight
+    </button>
+
     <ShwFlex @direction="column" @gap="4rem" as |SF|>
       {{#each ALIGNS as |align|}}
         <SF.Item @label="{{align}} aligned">